tinymce富文本编辑器

TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器。插件中使用的是5.1.2版本。

github地址：https://github.com/tinymce/tinymce

官网地址：https://www.tiny.cloud/

中文文档：http://tinymce.ax-z.cn/

默认使用

<textarea id="testtextarea"></textarea>

$(document).ready(function(){
    tinymce.init({
        selector: '#testtextarea',
        language: 'zh_CN',
        directionality: 'ltl',
        browser_spellcheck: true,
        contextmenu: false,
        height: 480,
        plugins: [
            "advlist autolink lists link image charmap print preview anchor",
            "searchreplace visualblocks code fullscreen",
            "insertdatetime media table contextmenu paste imagetools wordcount",
            "code"
        ],
        toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | code",
        images_upload_url: 'upload.php?type=tinymce', // 后端返回的json格式{ location : "/demo/image/1.jpg" }
    });
});

插件项目中页面名字：test_tinymce.html test_tinymce_v4.html upload.php (上传演示用)

点击查看 tinymce富文本编辑器 在线演示

涉及的文件：

• js/tinymce/tinymce.min.js