tinymce富文本编辑器

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

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

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

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

![](/uploads/images/20220104/0ad1ee4d6537709716c29e1fe62c698b.png)

默认使用
```html
<textarea id="testtextarea"></textarea>
```
```javascript
$(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富文本编辑器 在线演示](http://example.itshubao.com/example/102.html "点击查看 tinymce富文本编辑器 在线演示")

涉及的文件：
- `js/tinymce/tinymce.min.js`