vue3 使用tinymce
时间: 2023-09-08 22:14:08 浏览: 141
vue3中使用tinyMCE
5星 · 资源好评率100%
要在Vue 3项目中使用TinyMCE富文本编辑框,你可以按照以下步骤进行设置:
1. 首先,使用npm命令安装TinyMCE和Vue的相关包。你可以运行以下命令来安装:
npm install tinymce -S
npm install @tinymce/tinymce-vue@3.0.1 -S
2. 接下来,你需要将TinyMCE的skins文件夹复制到Vue项目的public文件夹下。这可以确保TinyMCE可以正确加载样式。
3. 最后,你还需要下载TinyMCE的语言包,并将其中的JS文件也放到public文件夹下。这可以确保你的编辑器界面可以正确显示所选的语言。
完成以上步骤后,你就可以在Vue 3项目中使用TinyMCE富文本编辑框了。你可以按照TinyMCE官方文档提供的指南来配置和使用编辑器。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [一款简单易使用的富文本插件 tytinymce](https://blog.csdn.net/qq_46380656/article/details/117282099)[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^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [vue3项目使用tinymce](https://blog.csdn.net/zuodandan_123/article/details/128814590)[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^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文