是时候掌握一个富文本编辑器了――TinyMCE(1)

匿名 (未验证) 提交于 2019-12-03 00:39:02

百度ueditor以前一直用,转到node后,发现ueditor不支持node环境。倒是有个react-ueditor的组件可以帮助ueditor应用到react中,但是……



从云开始

https://www.tinymce.com/download/language-packages/

https://cloud.tinymce.com/versions/tiny

https://www.tinymce.com/docs/changelog/。有时候,它可以给你一些指引。

从本地开始

第一个应用

<scriptsrc='https://cloud.tinymce.com/stable/tinymce.min.js'></script>

最基础的应用

toolbar: [

https://www.tinymce.com/docs/configure/。或者在这里了解更多可用的插件:https://www.tinymce.com/docs/plugins/。当然,后续我们也会提到这些内容。

内联编辑

高级使用方式

bower install tinymce-src=git://github.com/tinymce/tinymce

https://www.tinymce.com/download/

https://www.tinymce.com/download/custom-builds/。你可以根据你的意愿,定制你需要的功能。这样,你可以得到一个尽可能小的适用的tinyMCE。

插件

自主义UI

尺寸

https://www.tinymce.com/docs/plugins/autoresize/)的插件来帮助你使尺寸更智能。或者,你可以使用resize配置。

样式

源码模式

https://www.tinymce.com/docs/get-started/customize-ui/。页尾。

上传图片

https://www.tinymce.com/docs/get-started/upload-images/

拼写检查

https://www.tinymce.com/docs/get-started/spell-checking/

内容过滤

https://www.tinymce.com/docs/get-started/filter-content/

兼容性

移动端:

OS

Browser

Device

Android 8

Chrome

Mobile phone

Android 7

Chrome

Mobile phone

Android 6

Chrome

Mobile phone

iOS11

Safari

iPhone/iPad

iOS10

Safari

iPhone/iPad

Browser

Windows

Mac

GNU/Linux

Chrome

YES

YES

YES

Firefox

YES

YES

YES

Edge

YES

N/A

N/A

IE 11

YES

N/A

N/A

IE 10

NO

N/A

N/A

IE 9

NO

N/A

N/A

IE 8

NO

N/A

N/A

Safari

N/A

YES

N/A


标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!