svelte使用tinymce富文本编辑器

562 阅读1分钟

www.tiny.cloud/ 在官网首页,点击svelte图标即可按教程快速安装。

在已创建好的svelte项目上安装tinymce组件

npm install tinymce @tinymce/tinymce-svelte

npm install rollup-plugin-copy -D

在配置文件编辑插件和导入(rollup.config.js)具体看文档

安装下方内容即可安装上tinymce www.tiny.cloud/docs/tinymc…

安装完成了,这样肯定不能用,毕竟还有很多功能需要配置

于是一看:

tinymce.init(
    { selector: 'textarea#editable' }
);

这样在svelte中配置是不行的。 英语不是很好,感觉这里只是安装快速文档,而不是全适用svelte的

来到中文tinymce tinymce.ax-z.cn/general/upl…

群里问问然后我又搜了一下 www.tiny.cloud/docs/integr…

按照文档配置就行、然后语言包需要下载,然后放到tinymce根目录,建议全部下载,注意版本。

在此感谢tinymce-plugin交流群群主five

没有梯子的日子真难过,GitHub都看不了,chrome的翻译器还坏了..ww