常用的几种富文本编辑器

在一个页面使用多个 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>

常用的几种富文本编辑器相关推荐

常用的几个富文本编辑器软件
1-Subline 收费软件:第一感受是它的主题视觉化效果很炫:找开后,顿时感觉自己迈上了顶级程序员之路. 丰富的主题样式可以让你在装逼的道路上走的更远. 功能上支持常用的html.xml等基础的标记 ...
常用的六个富文本编辑器
1::功能齐全 tinymce|TinyMCE | The Most Advanced WYSIWYG HTML Editor 官方网址:https://www.tinymce.com/ TinyMC ...
两种富文本编辑器-ckeditor和ueditor
本文的使用环境是ASP.NET MVC4: 一.cheditor的使用方法: 第1步,在Scripts文件夹下新建一文件夹,在文件夹中添加cheditor使用包的如下文件: 第2步,在模板中添加引 ...
django 常用static\media\邮箱\富文本编辑器配置（备忘）
STATIC_URL = '/static/' STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static'), ]MEDIA_URL = '/media/' ...
常用的几款富文本编辑器
1. tinymce Git 配置操作文档兼容性: FireFox, Safar,Chrome,Edge,IE11+: 安全性:经典编辑模式版本<=5.12时,会存在XSS攻击;可能需要自己想 ...
富文本编辑器原理 - 学习/实践
1.介绍富文本编辑器,Rich Text Editor, 简称 RTE, 是一种可内嵌于浏览器,所见即所得的文本编辑器.它提供类似于 Microsoft Word 的编辑功能,容易被不会编写 HTM ...
10个免费的javascript富文本编辑器（jQuery and non-jQuery）
本文介绍了10个免费易用富文本编辑器(rich text editors,RTE),其中5个是Jquery插件,另外5个是非Jquery富文本编辑器简介 Javascript富文本编辑器使我们添加. ...
10个免费的jQuery富文本编辑器
原文地址:https://blog.csdn.net/lzwglory/article/details/17206689 Javascript富文本编辑器使我们添加.编辑网站中的文章更加方便和容易.这 ...
jq富文本_10个免费的jQuery富文本编辑器
Javascript富文本编辑器使我们添加.编辑网站中的文章更加方便和容易.这些富文本编辑器提供了所见即所得(What You See Is What You Get - WYSIWYG)的功能,可以 ...

常用的几种富文本编辑器

常用的几种富文本编辑器相关推荐

最新文章

热门文章