vue 使用第三方整合 tinymce富文字編輯器

2021-10-07 13:53:29 字數 1142 閱讀 5665

以下是部落格原文內容，【】內是原創補充說明

安裝在npm上有乙個vue版本的tiny，我們先安裝這個包。

npm i @tinymce/tinymce-vue -


s
npm i tinymce -


s


"utf-8"


>


"viewport" content=


"width=device-width,initial-scale=1.0"


>


"stylesheet" href=


"static/style/reset.css" type=


"text/css"


>


"static/tinymce/tinymce.js"


>


<


/script>


qapi<


/title>


<


/head>


>


<


/div>


<


!-- built files will be auto injected --


>


<


/body>


<


/html>
】

使用資源已經準備好了，那麼就回到我們的vue檔案裡，看看怎麼使用吧。

import editor from


"@tinymce/tinymce-vue"


;
在components下註冊編輯器元件

components:


,
在data裡定義乙個init變數來初始化我們的編輯器

init:


},
放置元件。



"init" v-model=


"form.content"


>


<


/tinymce-editor>


<


/div>
可以看到，元件直接支援v-model指令，直接雙向繫結資料。

【其他詳細內容就去看部落格原文吧】

MyBatis整合第三方快取

mybatis快取做的並不專業，用的是map，但是它給了我們乙個介面cache，我們通過實現這個介面，可以自定義快取。本例子用的為ehcache hibernate用的也是ehcache快取技術。接下來我們需要寫乙個cache的實現。但是mybatis已經幫我們做好了，在mybatis官網上有myb...

vcpkg整合第三方庫

因為專案要用到crypto 的大整數功能，我自己不想麻煩地修改vc 的 include path和lib path什麼的，所以使用vcpkg快速整合，免得麻煩自己 按照官方教程 我在powershell下執行了以下命令 在執行命令前最好把cmake和git更新到最新版本 git clone git ...

AppBoxFuture 整合第三方Sql資料庫

框架設計之初是不準備支援第三方資料庫的，但最近幾個朋友都提到需要將舊的基於傳統sql資料庫的應用遷移到框架內，主要是考慮到一方面目前框架內建的分布式資料庫尚未完善，另一方面是希望能逐步迭代舊應用替換傳統資料庫。因此作者還是決定支援第三方資料庫，下面介紹如何整合第三方資料庫，並將實體模型對映儲存至其中...