uploadUrl:'/file/upload',//上传的图片服务器地址refresh:true, init: { language_url: `/tinymce/zh_CN.js`, language:'zh-Hans', skin_url: `/tinymce/skins/ui/oxide`,//skin_url: 'tinymce/skins/ui/oxide-dark', // 暗色系content_css: `/tinymce/skins/content/default/content.css`, convert...
language_url: "/static/tinymce/langs/zh_CN.js", //引用static下的文件,确保打包后也能引用成功 language: "zh_CN", skin_url: "/tinymce/skins/ui/oxide", // skin路径,到样式文件夹即可 content_css: "/tinymce/skins/content/default/content.css", //样式规则 height: this.height, content_style:...
当前public目录下的文件结构如下:完全一致 三、在Vue里面使用 3.1.在components 目录下新建 Editor.vue 将下面代码复制进去 <template><editor v-model="content" tag-name="div" :init="init" /></template>import tinymce from "tinymce/tinymce";import Editor from "@tinymce/tinymce-vue";import { ref, w...
components中注册tinymce-vue才能使用 <editor id="tinymce" v-model="value" :init="init"></editor> 1. 初始化配置项,具体参考官网文档,这里说几个重要的 init: { language_url: '/static/tinymce/langs/zh_CN.js',//语言包的路径 language: 'zh_CN',//语言 skin_url: '/static/tinymce/skins/light...
skin_url: "/static/skins/ui/oxide", // tinymce UI引入 language_url: "/static/zh_CN.js", //转中文文件 language: "zh_CN", browser_spellcheck: true, // 拼写检查 branding: false, // 去水印 elementpath: false, //禁用编辑器底部的状态栏 ...
skin_url: "/public/tinymce/skins/ui/oxide", //skin路径 content_css: "/public/tinymce/skins/content/default/content.css", content_style: "p {color: #ffffff;}", menubar: "file edit insert view format table", resize: false, //禁用编辑器调整大小 ...
1.安装tinymce tinymce-vue,下载中文语言js, 2.把依赖中的tinymce下的skin文件夹复制到public,目录结构如图(本项目已经删除,除了zh_cnjs,全部通过import引入依赖): <template> <editor v-model="myValue" :init="init" :disabled="disabled" @onClick...
skin_url: '/static/tinymce/skins/lightgray', height: 300 } 1. 2. 3. 4. 5. 6. // vue-cli 3.x 创建的 typescript 项目,将 url 中的 static 去掉,即 skin_url: '/tinymce/skins/lightgray' 同时在 mounted 中也需要初始化一次: 如果在这里传入上面的 init 对象,并不能生效,但什么参数都不传...
{ // language_url: '/tinymce/zh_CN.js', // language: 'zh_CN', // skin_url: '/tinymce/skins/lightgray', // height: '100%', // plugins: 'image link lists code table colorpicker textcolor wordcount contextmenu', // toolbar: // 'bold italic underline strikethrough | fontsizeselect...
language_url: `${this.baseUrl}/tinymce/langs/zh_CN.js`,//语言包路径 language:"zh_CN",//语言skin_url: `${this.baseUrl}/tinymce/skins/ui/oxide`,//skin路径content_css: `${this.baseUrl}/tinymce/skins/content/default/content.css`,//skin_url: `${this.baseUrl}/tinymce/skins/ui/oxide...