vue專案使用tinymce

2021-08-19 21:37:56 字數 684 閱讀 5629

首先直接         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...