得到tinymce富文本编辑中的内容

小鱼儿 2022-05-28 00:51 325阅读 0赞

<script type="text/javascript">  
     function submitfcn(form)\{  
       var myform = form\[0\];  
       var title = document.getElementById('id\_title').value;  
       var content =  tinyMCE.getInstanceById('id\_content').getBody().innerHTML;   //得到tinymce富文本编辑中的内容  
       var exist = content.match(/\\\{name\\\}/g)&&content.match(/\\\{url\\\}/g);  
       var done = true;  
       if(!title)\{  
            done = false;  
            document.getElementById('id\_title').focus();  
            alert('请填写邮件标题！');  
       \}  
       
       if(!exist)\{  
           done = false;  
           tinyMCE.getInstanceById('id\_content').getBody().focus();  
           alert('请填写邮件内容！');  
       \}  
       if(done)\{  
           $.ajax(\{  
           type: 'POST',  
           url: "/emailrecord/sendemaildialog/",  
           data: $(myform).serialize(),  
           dataType:'json',  
           success: function(data)\{  
                if(data.result==1)\{  
                    alert('邮件发送成功。');  
                    location.href = '/progress/summary/';  
                \}else if(data.result==0)\{  
                    alert('统计失败！');  
                    location.href = '/progress/summary/';  
                \}else\{  
                    alert('邮件没有发送，因为您没选人员或所选人员已完成了问卷的录入！');  
                \}  
            \},  
         error:function(re,status)\{  
           \}  
        \});  
       \}else\{  
           return false;  
       \}  
     \}  
     
 </script>        
<table cellspacing="0" cellpadding="0" border="0"  class="display tdBc first\_table" width="100%">  
        <caption>  
            <span><strong>邮件发送  \{ \{term\}\}</strong>&nbsp;&nbsp;&nbsp;</span><a href="/progress/summary/" style="float: right;">返回&nbsp;&nbsp;&nbsp;&nbsp;</a>  
        </caption>  
   <tr><td>  
   
      <fieldset class="module aligned ">  
      
        <div class="form-row">  
                <div>  
                    <label for="id\_title" class="required">邮件标题:</label><input id="id\_title" type="text" name="title" maxlength="128" />  
                </div>  
        </div>  
        <div class="form-row">  
            <div>  
                <label for="id\_content" class="required">邮件内容:</label>  
               <textarea id="id\_content" rows="10" cols="40" name="content">  
                    <br />  
                    邮件内容模板如下：但是\{name\}\{url\}，不能更改，一定要存在！该行请删除,谢谢<br /><br />  
                   尊敬的某公司员工  \{name\}：<br />  
                   请尽快登录360满意度测评系统(\{url\})，请用点击提供的链接的登入系统，进行填写问卷。<br />  
                    如果对网络平台操作存在疑问，请联系马神通，<br /><br />  
                    本邮件为系统邮件，请勿回复！<br />  
                 <label style="margin-left:550px;">人力资源部</label>  
               </textarea>  
               <script type="text/javascript">  
                 tinyMCE.init(\{  
                              language:"zh",  
                              theme : "advanced",  
                              mode : "textareas",  
                              theme\_advanced\_toolbar\_location : "top",  
                              theme\_advanced\_toolbar\_align : "left",  
                              theme\_advanced\_statusbar\_location : "bottom",  
                              height: 300, width: 800,  
                              content\_css : "/static/tiny\_mce/themes/advanced/skins/default/content.css"  
                        \});  
               </script>  
           </div>  
        </div>  
   </fieldset>  
  
    <div>  
          
    <input type="button" value="确定" οnclick="submitfcn($('form'))"/>  
    </div>

发表评论取消回复

表情：

评论列表（有 0 条评论，325人围观）

还没有评论，来说两句吧...

相关阅读

相关 tinymce富文本显示!not found！

转载自：[https://blog.csdn.net/weixin\_43853424/article/details/107493976][https_blog.csdn.n

忘是亡心i/ 2023年01月02日 09:29/ 0 赞/ 444 阅读

相关 vue富文本编辑器tinymce

一、概述 TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器。同类程序有：UEditor、Kindeditor、Simditor、CKEditor、wangE

待我称王封你为后i/ 2022年11月17日 05:09/ 0 赞/ 400 阅读

相关 Vue中使用Prismjs高亮TinyMCE富文本编辑保存的代码

1.安装Prism.js cnpm install prismjs -S 2.安装prismjs编译器 cnpm install babel-pl

短命女/ 2022年11月02日 15:28/ 0 赞/ 25 阅读

相关富文本编辑器tinymce获取文本内容和设置文本内容

1、如果当前页面只有一个编辑器：获取内容：tinyMCE.activeEditor.getContent() 设置内容：tinyMCE.activeEditor.se

怼烎@/ 2022年08月19日 11:26/ 0 赞/ 532 阅读

相关得到tinymce富文本编辑中的内容

<script type="text/javascript"> function submitfcn(form)\{ var myform =

小鱼儿/ 2022年05月28日 00:51/ 0 赞/ 326 阅读

相关富文本编辑器tinymce获取文本内容和设置文本内容

1、如果当前页面只有一个编辑器：获取内容：tinyMCE.activeEditor.getContent() 设置内容：tinyMCE.activeEditor.

向右看齐/ 2022年05月12日 07:08/ 0 赞/ 606 阅读

相关 Vue富文本编辑器 tinymce

1. 介绍tinymce 1.1 查看官网[https://www.tiny.cloud/][https_www.tiny.cloud] 1.2 查看样子 !

╰+哭是因爲堅強的太久メ/ 2022年04月23日 05:28/ 0 赞/ 401 阅读

相关 Django 之富文本编辑器-tinymce

这里的富文本编辑器以 tinymce 为例。环境：ubuntu 16.04 + django 1.10 + python 2.7 ubuntu安装tinymce： py

╰半夏微凉°/ 2022年03月08日 16:42/ 0 赞/ 371 阅读

相关 django中使用tinymce 富文本

django后台集成富文本编辑器Tinymce 安装方式一： 1、首先去python的模块包的网站下载一个django-tinymce的包 > https:

系统管理员/ 2021年12月16日 00:47/ 0 赞/ 432 阅读

相关 Tinymce富文本编辑器实现步骤

一 Tinymce可视化编辑器参考：[https://panjiachen.gitee.io/vue-element-admin/\/components/tinymc

向右看齐/ 2021年07月24日 14:46/ 0 赞/ 618 阅读