嘿，各位好，很是开心又一次碰面，我呢乃是“高级前端‬进阶‬”人员。将由我领着大伙一同去留意前端前沿动态，深入钻研前端底层多项技艺，促使大伙一块儿取得进步。同时，也热忱欢迎大伙给予关注、点个赞、进行收藏以及做做转发，您所给予的支持可是我持续不断创作的动力源泉。

1. 什么是

是世界排名第一的开源富文本编辑器。

又是在世界范围之内最为能够进行定制、可以予以扩展并且具备灵活性的富文本编辑器，被数以百万计的开发人员运用以及信赖着，与此同时还推出了 、、 等一系列产品，助力开发者给用户打造出卓越非凡的内容以及体验。

这个编辑器每年的下载量能超过3.5亿次，它还是互联网上极为值得信赖的企业级开源HTML编辑器当中的一个。当下全球有超过1亿多个由Tiny提供支持的产品。它是一款高性能的所见即所得编辑器，专门为扩展而制作，目标在于创新，还会持续完善特殊边界情况。

开发者能够于网站文档里去访问那全功能演示。与此同时，官方给出建议，要升级到7以便持续接收安全更新，又或者要是需要更多时间来升级，那就考虑5 LTS。

2. 有什么特色2.1 轻松集成

借助以下组件， 可以轻松集成到当前项目中：

当下，存在着超过29个集成以及400多个API，要获取编辑器集成的完整列表需查阅文档，其中涵盖了借助Tiny Cloud、包管理器或者自托管下载安装的诸般安装和集成选项，还支持React、Vue.js、Web、Java Swing、Node.js +、Ruby on Rails等等。

2.2 高可定制

开发者能够轻易地对富文本编辑器的 UI 进行配置sublime text 多好，使其与当下网站、产品或者应用程序的设计相匹配，因为其具备灵活性，所以开发者还能够依照需求为编辑器配备任意数目的功能。

配置 UI 非常简单，比如：

tinymce.init({
  selector: 'textarea',
  // 根据页面 HTML 配置
  skin: 'oxide-dark',
  content_css: 'dark'
  // skin 皮肤配置
});

仍旧支持把 skin 版本依据用户操作系统里所指定的首选项，就如同下面所举的例子那般。

tinymce.init({
  selector: 'textarea',
  // change this value according to your HTML
  skin: (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'oxide-dark' : 'oxide'),
  content_css: (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'default')
});

依靠五十多个具备强大能力的插件，还有作为根基的可编辑内容，增添附加功能如同增添一行代码那般简易sublime text 多好，只需寥寥几行代码就能达成大多数插件的所有功能。

比如说，下述示例开启列表（lists）、高级列表（）、链接（link）以及图像（image）插件。

tinymce.init({
  selector: 'textarea',
  // change this value according to your HTML
  plugins: 'advlist link image lists'
});

2.3 可扩展性

有时，编辑器所提出的要求或许会极为独特，比如说：要有自由以及灵活性才能够去进行创新。因为它属于开源性质的，所以开发者能够查看源代码，进而开发出自身的自定义功能扩展，以此来满足自己的需求。

在 API 被公开的情况下，开发者能够更为轻松地去编写那适合 UI 组件现有框架的自定义功能，例如常见的 API：

对于专业软件团队而言，其有着依据企业级标准构建更深入效率功能的需求，还有构建更深入合规性功能的需求，也有构建更深入协作功能的需求，对此种情况，开发者是能够跟官方团队取得联系的。

Tiny 还为专业开发团队提供专门的 SLA 和支持。

3. 基础用法

的使用非常简单，假如有以下 HTML 页面结构：

  
  <h2 style="text-align: center;">Welcome to the TinyMCE editor demo!</h2>
  <h2>A simple table to play with</h2>
  <h2>Found a bug?</h2>
  <p>
    Don't forget to check out our other product <a href="http://www.plupload.com"target="_blank">Plupload</a>, your ultimate upload solution featuring HTML5 upload support.
  </p>
  <p>
    Thanks for supporting TinyMCE! We hope it helps you and your users create great content.<br>All the best from the TinyMCE team.
  </p>

下面的 JS 实例化编辑器脚本能够得以快速通过，在这当中，编辑器的插件列表是被指定了的，同时，导航栏的基本功能也是被指定了的。

tinymce.init({
  selector: 'textarea#basic-example',
  height: 500,
  plugins: [
    'advlist', 'autolink', 'lists', 'link', 'image', 'charmap', 'preview',
    'anchor', 'searchreplace', 'visualblocks', 'code', 'fullscreen',
    'insertdatetime', 'media', 'table', 'help', 'wordcount'
  ],
  toolbar: 'undo redo | blocks |' +
  'bold italic backcolor | alignleft aligncenter' +
  'alignright alignjustify | bullist numlist outdent indent |' +
  'removeformat | help',
  content_style: 'body {font-family:Helvetica,Arial,sans-serif; font-size:16px}'
});

更多关于 的用法可以参考文末资料，本文不再过多展开。

参考资料

https://.com//

网页链接为https://www.tiny.cloud/docs//6//。

你提供的内容并不是一个完整的句子呀，请提供可改写的句子内容。

这个网址是，https://www.tiny.cloud/docs//6/apis/.root/ ，它是这样的一个网址。

如有侵权请联系删除！