tinymce 的可编辑区域,就是
class="mce-content-body" id="tinymce"
这个位置。不包含工具区域。
所以 content_style 或者 content_css 设置的属性,不作用于整块区域。
“vue”: “^3.2.13”,
“@tinymce/tinymce-vue”: “^5.1.0”,
中文翻译包放在public/tinymce/langs以及public/tinymce/skins里,在components里写的组件tinymce 的init配置init需要使用‘./’
init: {
selector: "#" + tinymceId.value, //富文本编辑器的id,
height: 400,
width: "100%",
language_url: "./tinymce/langs/zh-Hans.js", // 语言包的路径,具体路径看自己的项目,文档后面附上中文js文件
language: "zh-Hans", //语言
skin_url: "./tinymce/skins/ui/oxide", // skin路径,具体路径看自己的项目
content_css: "./tinymce/skins/content/default/content.css",
}