// 菜单栏显隐 language_url: "/static/tinymce/langs/zh_CN.js", //language_url: '../../static/tinymce/langs/zh_CN.js', // vue-cli2.x language: "zh_CN", skin_url: "/static/tinymce/skins/ui/oxide", //skin_url: '../../static/tinymce/skins/ui/oxide', // vue-cli2.x //...
// 引入上面下载解压到public目录的翻译文件 { language_url: '/tinymce/langs/zh_CN.js', language: 'zh_CN', } 配置要使用的插件: { plugins: 'lists link anchor code wordcount image table visualchars visualblocks searchreplace preview pagebreak nonbreaking media insertdatetime fullscreen directionali...
2.1 第一个language_url 一般设置的路径为/static/tinymce/langs/zh_CN.js ; 在static文件夹下创建tinymce/目录,里面放富文本编译器使用到的相关内容 需要自己在static目录下创建 tinymce/langs目录,zh_CN.js 这个文件需要从官网下载,也可直接从博客中获取 创建一个zh_CN.js文件,下面代码粘贴进去即可 tinymce.add...
language_url:"/tinymce/langs/zh-Hans.js", language: "zh-Hans"} } 4.在Vue里面使用 ①在components 目录下新建 Editor.vue 将下面代码复制进去 <template> <editor v-model="content" :init="init" tag-name="div" /> </template> import tinymce from 'tinymce/tinymce' import Editor from '@tiny...
Language Packages | Trusted Rich Text Editor | TinyMCE 下拉选择 Chinese Simplified 然后点击下载 下载完成后,解压 解压完成后,将解压后 zh-Hans.js 复制到 public/tinymce/langs 文件夹下 当前public目录下的文件结构如下:完全一致 三、在Vue里面使用
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", //样式规则 ...
如果需要汉化显示中文,需要引入中文包,中文包下载地址:Language Packages | Trusted Rich Text Editor | TinyMCE 下载如图所示中文包: 下载完成后进行解压,得到文件zh-Hans.js。 将zh-Hans.js文件复制到tinymce/langs路径下,结构如图所示: 三、tinyMCE在vue中的使用 1)在components路径下新建myEditor.vue文件,myEditor...
//初始化配置init:{language_url:"/static/tinymce/langs/zh_CN.js",// 中文语言包路径language:"zh_CN",skin_url:"/static/tinymce/skins/ui/oxide",height:770,min_height:770,max_height:770,toolbar_mode:"wrap",plugins:this.plugins,toolbar:this.toolbar,content_style:"p {margin: 5px 0;}",...
language_url: '/static/tinymce/zh_CN.js', language: 'zh_CN', skin_url: '/static/tinymce/skins/lightgray', height: 300 } // vue-cli 3.x 创建的 typescript 项目,将 url 中的 static 去掉,即 skin_url: '/tinymce/skins/lightgray' ...
以上一篇文章中的tinymce_demo项目为例,修改文件src/components/Tinymce/index.vue 增加images_upload_url属性 代码语言:javascript 代码运行次数:0 运行 AI代码解释 ...window.tinymce.init({images_upload_url:'http://127.0.0.1:8000/file/excel_upload/',language:this.language,... ...