tinymce富文本编辑器layui
时间: 2023-09-13 22:07:02 浏览: 133
tinymce富文本编辑器
Layui使用TinyMCE富文本编辑器的步骤如下:
1. 首先需要进入Layui第三方组件平台下载TinyMCE的拓展组件。
2. 然后编写一个测试Demo,引入TinyMCE组件并渲染文本域。
3. 第一步是将tinymce文件放入LayuiAdmin的modules文件夹中。
4. 第二步是引入tinymce模块,并使用它来渲染文本域。
具体的代码示例如下:
```javascript
layui.extend({
tinymce: '{/}./plugin/layui/extend/tinymce/tinymce'
<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [Layui 使用 TinyMCE 富文本编辑器](https://blog.csdn.net/qq_35132089/article/details/105206630)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
- *3* [layuiadmin中使用tinymce富文本编辑器](https://blog.csdn.net/qq_32837111/article/details/114996480)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文