TinyMCE 8 内联文本编辑器

TinyMCE 8 GrapesJS 的内联文本编辑器

用TinyMCE 8 的全部功能 取代GrapesJS内置的富文本编辑器——支持内联编辑、块和内联元素的独立工具栏、一流的GrapesJS Studio支持以及TypeScript类型。

这个插件的作用

GrapesJS 的发货时，RTE 非常有限。该插件完全用TinyMCE 8替代——全球最强大的所见即所得编辑器之一。用户在可视化构建器中直接获得熟悉且专业的编辑体验。

主要特征

两种编辑模式

• 块元素（<p>、<div>、<li>等）——完整的工具栏，包含格式、缩进、对齐、列表和链接。
• 内联元素（<span>，<a>，<button><h1>，–<h5>）——一个紧致的元素inline_toolbar，插入Enter<br>而不是从元素中分离出来。

一流的GrapesJS Studio支持。

• parentToolbar: true渲染父文档中的工具栏——消除了与 Studio 选择覆盖层和组件徽章的 Z 索引冲突。
• 当焦点在iframe和TinyMCE下拉菜单之间切换时，工具栏依然可见。

实体架构

• 完整的TypeScript重写，并导出类型.d.ts定义。
• 干净的拆解：所有事件监听器、MutationObservers 和工具栏 DOM 均发布于disable()和destroy()。
• 修复了 v0.1.x 中存在的内存泄漏和 XSS 漏洞。
• destroy()公开方法在需要时明确拆除。

灵活配置

• 支持微型云CDN和自托管的TinyMCE。
• tinymce选项 — 对任何本地tinymce.init()参数（license_key、content_style、font_family_formatstoolbar_mode、等）进行直通。
• 工具栏可以作为单一字符串（）'bold italic | link'或多行布局的字符串数组。

兼容性

支持开源的GrapesJS和 GrapesJS Studio SDK。

插件名称不变，但它支持 TinyMCE 8。