首先直接 npm install tinymce -s
把node_modules\tinymce下的skins資料夾和中文語言包解壓後的資料夾放到專案根目錄下
話不多說直接上**
建立元件editor.vue
**如下
class="editor"
:value="content"
:setting="editorsetting"
@show="editors"
:url = "url"
:max-size = "maxsize"
:accept = "accept"
:with-credentials = "withcredentials"
@on-upload-fail = "oneditorready"
@on-upload-success= "oneditoruploadcomplete">
引入要給元件巢狀乙個標籤,否則右邊會超出,很難看,最後附上成果圖(右下角有乙個像文字域一樣的小三角,可以拉長顯示區域),以後要用了複製貼上就方便了
vue中tinymce編輯器的使用
所以我用了tinymce輕量級的,也是盲目的使用。如果有購買 tinymce 的服務,可以參考 tinymce vue 的說明,通過 api key 直接使用 tinymce 1.安裝 3.將tinymce建立為vue的元件,便於日後復用,建立元件editor.vue 4.其他頁面的引用 impor...
Vue 使用tinymce遇到的一些坑
現在網上有很多介紹vue引用tinymce的方法,例如 這些部落格都是可以參考的案例,安裝和配置元件的方式都差不多,主要還是看個人的使用。1 安裝外掛程式的時候沒有 tinymce themes modern theme 這個檔案。解決辦法 用 tinymce themes silver theme...
TinyMce使用問題記錄
說明一下,自己使用的版本是tinymce 5.2.0。tiny中文文件 tiny中文文件 js檔案 修改後的media下的plugin.min.js 直接將這個檔案替換media資料夾下的plugin.min.js 在plugin.min.js查詢關鍵字找到如下 對新增span的 注釋掉就可以了 s...