官方文檔
https://www.tiny.cloud/docs/advanced/usage-with-module-loaders/
參考教程
https://liubing.me/vue-tinymce-5.html
語言包
https://www.tiny.cloud/get-tiny/language-packages/
TinyMCE顯示不出來的問題
由于新版的相關樣式的路徑有所變化宅此,大部分顯示不出來或者報'Uncaught SyntaxError: Unexpected token '<'的錯誤都是皮膚路徑有問題巷送,需要設置一下皮膚路徑在init參數(shù)里队伟。
<pre code-lang="bash" class="juejin-editor-highlight" style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: 0.8em; position: relative; padding: 0.5em 1em; background: rgb(248, 248, 248); overflow: auto; border-radius: 2px; color: rgb(51, 51, 51); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">skin_url: /static/tinymce/skins/ui/oxide
</pre>
/static 是自定義的靜態(tài)資源放置的路徑
其他TinyMCE用到的一些配置
接收所有自定義的屬性:
valid_elements: '[]'含蓉,TinyMCE默認會過濾非標準的標簽以及屬性,如果有自定義的屬性可以通過參數(shù)進行設置冈钦。
官網(wǎng)文檔:https://www.tiny.cloud/docs/configure/content-filtering/#valid_children
查看完整的源代碼:
fullpage_hide_in_source_view: false虱肄,就可以在源代碼查看窗口查看完整源代碼