Vue 使用tinymce遇到的一些坑

2021-09-29 11:05:02 字數 395 閱讀 5246

現在網上有很多介紹vue引用tinymce的方法,例如:  |    |  這些部落格都是可以參考的案例,安裝和配置元件的方式都差不多,主要還是看個人的使用。

1、安裝外掛程式的時候沒有'tinymce/themes/modern/theme'這個檔案。

解決辦法:用'tinymce/themes/silver/theme'進行替換。

2、專案啟動之後,在頁面上富文字不顯示。

解決辦法:在自定義外掛程式檔案裡引入 import 'tinymce/skins/ui/oxide/skin.css'。

3、富文字的標籤自定義。

根據需求把需要的標籤留下就行。

vue專案使用tinymce

首先直接 npm install tinymce s 把node modules tinymce下的skins資料夾和中文語言包解壓後的資料夾放到專案根目錄下 話不多說直接上 建立元件editor.vue 如下 class editor value content setting editorset...

vue中tinymce編輯器的使用

所以我用了tinymce輕量級的,也是盲目的使用。如果有購買 tinymce 的服務,可以參考 tinymce vue 的說明,通過 api key 直接使用 tinymce 1.安裝 3.將tinymce建立為vue的元件,便於日後復用,建立元件editor.vue 4.其他頁面的引用 impor...

TinyMce使用問題記錄

說明一下,自己使用的版本是tinymce 5.2.0。tiny中文文件 tiny中文文件 js檔案 修改後的media下的plugin.min.js 直接將這個檔案替換media資料夾下的plugin.min.js 在plugin.min.js查詢關鍵字找到如下 對新增span的 注釋掉就可以了 s...