tinymce富文本使用详解

1、不要去看tinymce的中文翻译的,可能是低版本的使用方式,最新的tinymce.init和中文班上面的存在不太一样的情况。下面介绍最简单的使用方面及遇到问题的解法。

2、在tinymce上面注册一个账号。会有这样的快速生成的案例。

3、直接把上面的代码copy到你的项目中就可以直接的查看效果的。

<textarea id="tinydemo" name="content" v-model="content">
</textarea> 

   v-model="content" 就可以回显获取的编辑器的内容

 4、获取文档编辑的内容

const content = tinymce.activeEditor.getContent();

5、虽然上面的已经可以很好的展示了,但是会提示一些信息。

   this domain is not registered with Tiny Cloud . Please review your approved domains

那我们之需要到

添加上对应的域名即可。

除了上面的方式外我们还可以通过本地的引用js就可以了。下面是下载的方法:

 打开连接 https://www.tiny.cloud/get-tiny/self-hosted/ 出现下载的界面

 点击下载即可。

到现在就可以去使用了

补充:

1、出现系统可能不会保存您所作的更改

解决方案是把  plugins 下面的 autosave去掉

添加汉化 

1、此次的解决方法是参看tiny 的中文文档 

  此处添加tiny 的中文文档的截图和链接

tiny 的中文文档

并附上汉化包

   

猜你喜欢

转载自blog.csdn.net/u010770896/article/details/119955082