类似UEditor的TinyMCE富文本编辑器下载及应用
TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器。同类程序有:UEditor、Kindeditor、Simditor、CKEditor、wangEditor、Suneditor、froala等等。
TinyMCE的优势:开源可商用,基于LGPL2.1,自带插件基本涵盖日常所需功能,界面好看,符合现代审美,多语言支持,官网可下载几十种语言等。
如上图所示TinyMCE界面比较简单耐看,边角圆润符合当下审美观。
TinyMCE官网及文档:www.tiny.cloud
官方下载链接:www.tiny.cloud/get-tiny/self-hosted/
Github:github.com/tinymce
官网下载访问速度慢的情况,可以使用百度网盘资源 (版本:7.4.1)
链接:https://pan.baidu.com/s/1NlHVLuIAG42KulULKnxHjA
提取码:0f9g
TinyMCE简单入门使用方法:
① 建议下载资源包,解压后存储到Web项目的Js目录下(资源小,服务器本地存储稳定性更高)
② 在网页的<head></head>标签内引入步骤①存储的JS文件
<script type="text/javascript" language="javascript" src="__JS__/tinymce/tinymce.min.js"></script>
并且在引入后,进行编辑器初始化
<script> tinymce.init({ selector: '#mytextarea' }); </script>
③ 在网页需要用户输入内容的位置,添加一个跟初始化元素选择器匹配的ID,比如<textarea id="mytextarea" ></textarea>。
④ 然后给textarea元素添加一个Name值,后续Post操作后PHP就可以通过Name获取富文本输入的内容并处理。