vue 項目中使用tinymce+tinymce-vue


搭建了個vue的簡單架子,給后端開發后台管理用,他們要求使用tinymce+tinymce-vue富文本編輯器,雖然咱一直用Vue-Quill-Editor,但是要求提出來了咱就滿足。很直接的找了個介紹文檔就干了,但是報錯了,各種找不到模塊啥的,咱也就不浪了,好好看吧。

1.如果你是vue3.x 那么你直接

   npm install tinymce -S

   然后 npm install @tinymce/tinymce-vue -S

   再然后把node_modules/tinymce下的skins 文件夾copy到public文件夾下

   最后下載語言包,把里面的js文件也放進去

語言包下載

2.如果你是2.x的話,就要固定版本了!!!我就是2.x的版本用了上面的方式,慚愧啊

  npm install tinymce@5.1.0 -S

  npm install @tinymce/tinymce-vue@3.0.1 -S

  然后把上面說的文件copy到static文件夾下

當然,這是我使用的版本,也可用自己合適的

3.最后要注意 別忘了改edit的init配置,文件路徑要指向你剛才放置的路徑


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM