搭建了個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配置,文件路徑要指向你剛才放置的路徑