最近需要使用編輯器,選了這款,說實話一般般,湊合用
下面記錄下問題
1.編輯器不出來
引入皮膚樣式
import 'tinymce/skins/ui/oxide/skin.css'
2.icons報錯
引入圖標庫
import 'tinymce/icons/default/icons'
3.語言包報錯
本地路徑,需要require引用
language_url: require('/static/tinymce/langs/zh_CN.js')
4.顯示本地上傳圖片
init添加images_upload_handler函數即可,但是點擊還是要切換下,以后再研究吧
images_upload_handler: (blobInfo, success, failure) => {
5.關於存在兩個視頻的情況(補充)
問題
這個主要就是css的問題,添加編輯器后,會自動引入下方樣式,是從根目錄的static查找,問題就是根目錄訪問不到static的文件
點擊后視頻后下方顯示出一個,其實就是css未生效
解決
不要設置skin_url(除非要設置其他皮膚樣式,這里暫不討論)
public目錄新增static
把需要的兩個css放入就可以了
ps:假如封裝了組件,建議傳對象賦值,否則就要監聽回傳;項目需要使用多個編輯器的話,去除editor的id,不然渲染失敗。
安裝請另行參考。