所以我用了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...