常用的几种富文本编辑器

在一个页面使用多个 kindeditor编辑器

<link rel="stylesheet" href="/kindeditor/themes/default/default.css" />
<js:url src="/kindeditor/kindeditor.js"></js:url>
<js:url src="/kindeditor/lang/zh_CN.js"></js:url>

<tr>
    <th width="80">简介</th>
    <td>
        <textarea name="introduction" id="introduction" >{pigcms{$news.introduction}</textarea>
    </td>
</tr>
<tr>
    <th width="80">内容</th>
    <td>
    <textarea name="content" id="content" >{pigcms{$news.content}</textarea>
    </td>
</tr>

var options = {  
        allowFileManager : true,
                afterBlur: function () { this.sync(); } //js提交表单修改之后的表单
            };  
            var editor = [];  
            KindEditor.ready(function(K) {  
                editor[0] = K.create("#content",options);  
                editor[1] = K.create("#introduction",options);  
            });

//取值   let content=editor[0].html();
//赋值     editor[0].html(content);

tinymce编辑器

layui.extend({ 
tinymce: appName+appName+'/lib/layui_exts/tinymce/tinymce' }).use(['layer','tinymce','jquery','form'], function () {
var $ = layui.$, form = layui.form, tinymce = layui.tinymce;
let noticeContent = tinymce.render({ 
elem: "#noticeContent" , 
height: 600 , 
width:'100%' 
}); 
let editor = tinymce.get('#noticeContent');
let content=editor.getContent() //取值

});

<tr>
    <td width="100"><font color="#f25140">*</font>公告内容</td>
      <td colspan="3">
      <textarea  name="noticeContent" id="noticeContent" ></textarea>
      </td>
</tr>

ewebeditor编辑器

let editor=document.getElementById('noticeIframe').contentWindow;
let content=editor.getHTML()

<tr>
    <td width="100"><font color="#f25140">*</font>公告内容</td>
    <td colspan="3">
    <input type="hidden" id= "noticeContent" name= "noticeContent">
<iframe   id="noticeIframe" src="${appName}/ewebeditor/ewebeditor.htm?id=noticeContent&style=standard650&skin=flat10" frameborder="0" scrolling="no" width="1100" HEIGHT="550"  ></iframe>
    </td>
</tr>