vue中tinymce編輯器的使用

2021-08-22 04:51:47 字數 968 閱讀 3799

所以我用了tinymce輕量級的,也是盲目的使用。

如果有購買 tinymce 的服務,可以參考 tinymce-vue 的說明,通過 api-key 直接使用 tinymce

1.安裝

3.將tinymce建立為vue的元件,便於日後復用,建立元件editor.vue

4.其他頁面的引用

import editor from '../../text-edit/editor.vue'
export default ,

}

contentue(value),

//新增編輯儲存

submitbulletin()

if (this.editid == "" || this.editid == undefined) else

vue.axios.post(url, params).then(res => else

})},

//編輯 詳情

editbulletin()

var url = this.global.api_account_editsee

vue.axios.get(url, ).then(res => else

})},

注:這裡用base64加密了。目的是為了,防止xss攻擊

富文字編輯器tinymce

tinymce是乙個開源 lgpl 2.1 的富文字編輯器,tinymce不僅易於擴充套件,它也非常靈活。大多數功能是簡單的配置,而核心編輯器有近100定製選項,從簡單的修改到最神秘的邊緣。下面是測試 可以直接在瀏覽器上開啟。doctype html html head script src scr...

Flask部落格開發 Tinymce編輯器

之前flask部落格的文字編輯器使用的是markdown,對部署洗該語法的使用者不夠友好,因此這裡為部落格新增個簡單易用的tinymce文字編輯器。github見 tinymce setup.js是配置檔案,設定了文字編輯器的語言 按鈕等。為了和其它表單的風格保持一致,這裡仍使用了flask wtf...

tinymce 富文字編輯器 編寫資料

tinymce官方文件 貼上外掛程式 使用blob獲取並二進位制顯示例項頁面 tinymce自動調整外掛程式 是時候掌握乙個富文字編輯器了 tinymce 1 xmlhttprequest 2.0的家臣們 url.createobjecturl和url.revokeobjecturl 如何使用 bl...