当前位置:   article > 正文

在vue3项目中使用tinymce编辑器_vue3 tinymce

vue3 tinymce

1、安装相关依赖

  1. npm install tinymce -S
  2. npm install @tinymce/tinymce-vue -S

2、下载中文包

地址:https://www.tiny.cloud/get-tiny/language-packages/

3. 引入皮肤和汉化包

1、在项目public文件夹下新建tinymce文件夹,在tinymce文件夹新建langs文件夹,将下载的汉化包zh-Hans.js放到此文件夹
2、在node_modules/tinymce中找到skins文件夹,复制到public/tinymce里

4、可参考博主写法:Vitejs + Vue3 + tinymce - StackBlitz

Tinymce 版本  

  1. {
  2. "@tinymce/tinymce-vue": "^5.1.1",
  3. "tinymce": "^6.8.2",
  4. }

 注意引用的公共组件路径

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/672441
推荐阅读
相关标签
  

闽ICP备14008679号