类似UEditor的TinyMCE富文本编辑器下载及应用

ItsMe2个月前 (10-22)免费资源228

TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器。同类程序有:UEditor、Kindeditor、Simditor、CKEditor、wangEditor、Suneditor、froala等等。


TinyMCE的优势:开源可商用,基于LGPL2.1,自带插件基本涵盖日常所需功能,界面好看,符合现代审美,多语言支持,官网可下载几十种语言等。


2024102203.png


如上图所示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获取富文本输入的内容并处理。

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。