组件渲染

关于组件渲染的技术文章和开发文档。

构建现代化 CSS 重置排版

本文详细介绍构建现代化 CSS 重置排版的方法,涵盖 tidy-typography.css 的核心功能。内容包含流体排版、垂直节奏修剪、文本换行优化、智能连字符及墨水感知下划线等最新 CSS 属性应用。通过具体代码示例,帮助开发者实现更优雅、自适应的网页文字布局,同时兼顾浏览器兼容性与回退机制。

2026-11-08 7 前端开发

【TinyMCE 中文手册】正文组件

本文详细介绍对话框组件体系,涵盖面板与标签页配置、基础及布局组件用法。支持复选框、滑块、树形菜单、拖放上传等高级交互功能,实现复杂表单构建与数据跨标签传输,适用于构建富文本编辑器插件界面。

2026-11-04 4 前端开发

【TinyMCE 中文手册】tinymce.editor.ui.Registry

本文详细介绍 TinyMCE UI 注册 API (tinymce.editor.ui.Registry) 的各项功能。涵盖如何注册自动完成器、工具栏按钮(基本、菜单、分组、拆分、切换)、上下文配置与表单、侧边栏容器及视图组件等。通过 addContext、addContextMenu 等方法,开发者可灵活定制编辑器界面交互逻辑,实现动态加载 UI 元素,满足复杂编辑场景需求。

2026-11-04 4 前端开发

【TinyMCE 中文手册】React

本文详细介绍如何在 React 项目中集成 TinyMCE 编辑器。涵盖使用 NPM 或 Yarn 安装、在 Bootstrap 对话框中的配置方法,以及处理 API 密钥和许可密钥的步骤。同时讲解如何将组件作为受控或非受控组件使用,包括事件绑定、工具栏设置、内联模式配置及撤销状态管理,帮助开发者快速搭建富文本编辑功能。

2026-11-04 6 前端开发

【TinyMCE 中文手册】基本配置

本文详细介绍 TinyMCE 对话框的配置方法,涵盖标题、主体及页脚按钮的设置。讲解 title、body、buttons 等核心参数,以及 onAction、onChange 等事件回调函数的使用。同时说明如何配置内联对话框的焦点保持、内容更新闪烁优化及位置调整(如工具栏旁或底部),帮助开发者构建灵活的用户交互界面。

2026-11-04 5 前端开发

【TinyMCE 中文手册】菜单工具栏按钮

本文详细介绍工具栏菜单按钮的用法,支持子菜单与搜索功能。通过分组操作减少视觉杂乱并节省界面空间。涵盖图标设置、文本标签、启用状态检查及异步加载菜单项等配置方法。同时讲解如何将表格选择器集成至自定义菜单,并提供事件监听绑定与解绑的最佳实践,适用于编辑器插件开发场景。

2026-11-04 3 前端开发

【TinyMCE 中文手册】拆分工具栏按钮

本文详细介绍拆分工具栏按钮的配置方法,涵盖主按钮文本、图标及工具提示设置。讲解下拉菜单的列数调整与异步数据加载机制。说明选择菜单项的value值传递与启用状态控制。同时阐述回调函数绑定、事件监听器解绑规范以及context属性动态控制按钮状态的完整流程。

2026-11-04 4 前端开发

【TinyMCE 中文手册】切换工具栏按钮

本文详细介绍 TinyMCE 编辑器中切换工具栏按钮的配置与使用。涵盖按钮启用、激活状态管理、图标及工具提示设置等属性。重点讲解如何通过回调函数实现格式化状态的自动同步,确保光标位于特定格式内容时按钮高亮。同时提供事件监听器的绑定与解绑最佳实践,帮助开发者构建响应式且逻辑严密的富文本编辑界面。

2026-11-04 4 前端开发

【TinyMCE 中文手册】分组工具栏按钮

本文介绍工具栏组按钮的配置与使用。该按钮用于集合其他工具栏按钮,点击后以弹出窗口或浮动架子形式展示。仅支持特定工具栏模式,需配置文本、图标及提示等属性。文章涵盖API回调函数绑定、事件监听器解除绑定、组件渲染生命周期管理及上下文状态动态控制等关键实现细节。

2026-11-04 5 前端开发

【TinyMCE 中文手册】自定义嵌套菜单项

本文介绍如何在 TinyMCE 编辑器中创建自定义嵌套菜单项。通过注册子菜单,可实现菜单和工具栏按钮的重复使用,避免重复定义。内容涵盖基本与切换菜单项组合、图标配置、快捷键绑定、上下文动态启用/禁用机制,以及 API 回调函数在组件渲染与销毁时的正确绑定与解绑方法,帮助开发者高效构建灵活菜单系统。

2026-11-04 5 前端开发