新知榜官方账号
2023-11-14 08:20:20
TinyMCE5.0是一个功能强大且灵活的富文本编辑器，可以嵌入到任意Web应用中使用。它是一个轻量级的基于浏览器的所见即所得编辑器，支持目前流行的各种浏览器，采用JavaScript/ECMAScript开发。主要特性包括主题/模板支持，多语言支持(包括简体中文)，支持通过插件的方式进行扩展。功能配置灵活简单，支持AJAX，加载速度非常快。最重要的是，TinyMCE是一个根据LGPLlicense发布的自由软件，你可以把它用于商业应用。
使用TinyMCE只需要在
中引入官网的tinymce.min.js文件到项目中，例如：
<head><script src="https://cloud.tinymce.com/5/tinymce.min.js?apiKey=官方申请的API_KEY"></script></head>建议下载一份代码到本地，或者创建一个TinyMCE实例初始化：
<!DOCTYPE html><html><head><script src="/tinymce/tinymce.min.js"></script><script>tinymce.init({selector:'textarea'});</script></head><body><textarea>Next,useourGetStarteddocstosetupTiny!</textarea></body></html>TinyMCE提供了经典模式、内联模式、沉浸模式，可根据实际需求选择合适的模式。
经典模式也是TinyMCE的默认模式，其界面与其他流行的富文本编辑器样式功能一致。
将编辑视图与阅读视图合二为一，当其被点击后，元素才会被编辑器替换，而不是编辑器始终可见。
在该模式下，编辑器以轻巧的方式呈现。此模式提供了将常用的链接、图像、表格等以快速插入的方式。
用户可以轻松自定义菜单、工具栏，也可以方便的修改编辑器的大小、外观、按钮等等。TinyMCEv5的默认皮肤是“oxide”，它包含浅色版本和深色版本。下面的例子将使用深色版皮肤。
tinymce.init({selector:'#tinydemo',skin:'oxide-dark',});使用content_css自定义可编辑区域。
tinymce.init({selector:'#tinydemo',content_css:['mycontent.css','mycontent2.css'],});粘性工具栏（或停靠工具栏），在向下滚动网页直到不再可见编辑器时，将工具栏和菜单停靠在屏幕顶部。
tinymce.init({selector:'#tinydemo',toolbar_sticky:true,});TinyMCE对插件有完善的支持，它本身自带了许多实用的插件，而社区则提供了更多优秀的插件。插件的开发，正是得益于TinyMCE预留接口的友好。实际上，如果您使用自定义程序包下载选项，则只能使用列表中选择包含的插件。以下是一些常用的插件：
微信扫码咨询 
相关工具
相关文章
相关快讯
推荐
中国首款3A游戏上线，《黑神话：悟空》出圈！
2024-08-21 13:46
盘点15款AI配音工具，短视频配音有救了！
2024-08-12 17:11
短视频文案没创意？10大AI写作工具来帮你！
2024-08-05 16:23
Midjourney发布V6.1版本，我已分不清AI和现实了！
2024-08-01 15:03
我发现了一款国产AI绘画神器，免费易上手！
2024-07-25 16:40
7位AI考生做今年高考题，能过一本线吗？
2024-07-19 17:17
世界上第一所AI学校来了，80亿人只需要1位老师？
2024-07-18 17:12
Sora首部AI广告片上线，广告从业者危险了！
2024-06-27 13:44
OpenAI与中国说拜拜，国产AI如何接棒？
2024-06-26 15:18
人与AI会产生爱情吗，专家发话了！
2024-06-17 17:28
Copyright © 2017-2024 蜀ICP备18012294号-1
成都新知榜文化传播有限公司 版权所有
