TinyMCE v4.2.5

TinyMCE是一款基于Web的可视化HTML编辑器，使用Javas cript/ECMAs cript开发，它的主要特质包含主题/模板支持，多语言支持，支持通过插件的方法进行扩展。这个编辑器可工作在Mozilla，Firefox和MSIE上。不少网站系统都使用了TinyMCE，其中包含Wordpress。

TinyMCE的优势：[1]

开源可商用，基于LGPL2.1

插件丰富，自带插件基本涵盖平时所需功能

接口丰富，可扩展性强，有能力可以无限拓展功能

界面好看，符合现代审美

提供经典、内联、沉浸无干扰三种模式

对标准支持出色

多语言支持，官方网站可下载几十种语言。

关于表单提交

假如直接用form表单提交，后台是可以正常获得到textarea内容的;假如用ajax提交，直接用jquery $.val是获得不到内容的，需要按如下办法获得内容：

var activeEditor = tinymce.get;

var editBody = activeEditor.getBody;

activeEditor.selection.select;

var content = activeEditor.getContent;

关于图片上传

假如需要上传图片，需要在tinymce初始化里添加如下配置：

tinymce.init {

var xhr, formData;

var file = blobInfo.blob;//转化为易于理解的file对象

xhr = new XMLHttpRequest;

xhr.withCredentials = false;

xhr.open;

xhr.onload = function {

var json;

if {

failFun;

return;

}

json = JSON.parse;

if {

failFun;

return;

}

succFun;

};

formData = new FormData;

formData.append;//此处与源文档不同

xhr.send;

}

});

现在简单体验了一下TinyMCE，感觉还是可以，可以直接把网页、word的内容直接拷贝过来，并能保留源格式，图片根据上述配置好后，支持直接粘贴过来完成上传到后台。其他功能等深入用后再作更新。

作者：峰眼看世界

链接：https://www.jianshu.com/p/3c783ca2b0ae

来源：简书

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

记者总结

TinyMCE包括了各类型型的插件，虽然TinyMCE是一个用户端的应用程序，但对于很多服务端技术而言，它并没当地文件管理的功能。不过现在已有很多开源的当地文件管理解决方法，与Moxiecode的闭源项目。

TAG标签：TinyMCE(1)

转载请说明来源于乐奇绿软（https://www.hileqi.com）

本文地址：https://www.hileqi.com/soft/8231.html

郑重声明：文章来源于网络作为参考，本站仅用于分享不存储任何下载资源,如果网站中图片和文字侵犯了您的版权，请联系我们处理！邮箱3450399331@qq.com