TinyMCE 8 内联文本编辑器——新章节
该插件现已运行在 TinyMCE 8 上——这是最强大的所见即所得编辑器之一的最新版本。我们保持了包名，但底层它是一个根本不同的插件。
有什么新动态
开箱即用两种编辑模式。块元素（<p>、<div>、<li>、等）则包含完整的工具栏——格式、缩进、对齐、列表、链接。内联元素（， ， ， –）得到紧致 inline_toolbar，并且——关键是 —— 在内联元素内按下回车键，现在插入<br>的是插入，而不是从元素中分开。<h5><h1><button><a><span>
一流的GrapesJS Studio支持。 新 parentToolbar: true 选项会渲染父文档中的工具栏，消除了与 Studio 选择覆盖层和组件徽章的 z 索引冲突。当焦点在iframe和TinyMCE下拉菜单之间切换时，工具栏依然可见——不再闪烁。
彻底的技术革新。 源代码现在是完整的 TypeScript 重写版本，并捆绑了 .d.ts 类型定义。我们修复 0.1.x 了内存泄漏和存在于分支中的XSS漏洞。现在有了新的公开 destroy() 方法来显式拆除——每个事件监听器、MutationObserver 和工具栏的 DOM 节点都净地释放。
灵活配置。 支持Tiny Cloud CDN和自架TinyMCE。新 tinymce 选项是对任意本地 tinymce.init() 参数 license_key的直通—— 、 content_style、 font_family_formats、 toolbar_mode， 任何你需要的参数。工具栏支持单字符串（'bold italic | link'）或多行布局的字符串数组。
兼容性
- GrapesJS：
≥ 0.21, < 1.0 - TinyMCE：
8.x - 捆绑包：ESM + UMD + TypeScript 声明
- 支持开源的GrapesJS和 GrapesJS Studio SDK
占位符2.0 — 高级直线加速体验
GrapesJS拖曳时显示的默认灰色矩形并不是高级体验。占位符2.0用实时全 尺寸预览 块——所有样式都已应用——并配有流畅动画和下拉区高亮。用户能清楚看到自己放置了什么，以及它将降落在哪里。
v1.5.0 包含了什么
这不是补丁——而是从零开始重建。你喜欢的行为，底下是现代工具链。
- TypeScript-first — 带捆绑
.d.ts声明的完整源代码重写，实现即时自动补全。 - GrapesJS 0.21和0.22 开箱即用。
- ~8 KB 快速压缩 — Vite 驱动的构建，大约是旧 Webpack 捆绑包的一半大小。
- 10个内置动画预设+支持你自己的
@keyframes动画。 - 自定义占位符模式 ——如果实时预览不适合你的用户体验，可以替换成你自己的HTML/CSS（比如薄掉落指示器）。
- 可配置的投放区颜色 ——匹配
dropZoneColor你的品牌。 - 微调时机被揭露——
flipDurationMs，flipThresholdPxescapeDispatchDelayMs现为公共选项。 - 干净的拆解——幂零，
destroy()没有泄露的听众。editor.destroy() - 期权验证 ——无效值会通过清除
console.warn而非无声地返回默认值。 - Vitest上有76个单元+集成测试，还有Playwright E2E套件。
- Firefox修复 ——拖拽出画布行为现在在所有主流浏览器中都变得可靠。
- GrapesJS Studio SDK 兼容性 ——可在 Studio 编辑器内运行。
每种氛围都有10个动画
从柔和 Slidein （缩放+渐变+最大高度）和 Zoom-in soft 立方贝塞尔超跃，到戏剧 Flip-in 性的（3D X轴翻转）和 Elastic drop 弹跳着陆。如果没有预设，插入你自己的——通过 customAnimation 和 @keyframes .animation 类，插件就会接收。
它闪耀的地方
- SaaS页面构建器——为用户带来真正高端的拖放体验。
- 内容管理系统编辑器——内容块感觉是真实的。
- 电子邮件构建器——块的放置位置在投放前即可看到。
- 落地页工具和 GrapesJS Studio 项目。
为什么要从原版升级
如果你还在用原版占位符插件：它是基于Webpack 3 + Babel 6构建的，现在已经不适合现代工具链了。没有TypeScript，没有类型，没有Studio SDK支持，硬编码的颜色和时序，没有 destroy() ——而且监听器会在编辑器实例中泄露。v1.5.0修复了这些 问题，且不更改公共API，所以迁移不需要重写你的集成。
接下来是什么
这两个插件现在都建立在同一个现代基础上：TypeScript、干净的拆解、配置验证、Studio SDK 支持。这就是我们下一轮专题的基础——敬请期待。
如果你已经拥有这些插件，更新会包含在你的许可中——请从你的GJS获取新版本。市场账户。如果没有，目前两者都打折了。
有问题、问题报告、想法——请随时向我们发送。我们什么都看。
—— Devfuture 团队