动态属性

关于动态属性的技术文章和开发文档。

构建现代化 CSS 重置排版

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

2026-11-08 7 前端开发

【TinyMCE 中文手册】内容过滤

本文详细介绍 TinyMCE 编辑器的内容过滤与 HTML 格式管理功能。通过 Schema 验证和 DOMParser API,您可以定义允许的元素、属性及样式,屏蔽特定内容以增强安全性。文章涵盖如何配置 valid_elements、invalid_elements 等选项来限制或扩展默认格式,处理非 HTML 元素,设置实体编码规则,以及防范 XSS 攻击。同时讲解了条件注释、MathML、iframe 沙箱化等高级安全配置,帮助用户构建纯净且安全的富文本编辑环境。

2026-11-04 2 前端开发

【TinyMCE 中文手册】tinymce.dom.DOMUtils

本文详细介绍 TinyMCE 的 DOMUtils 工具类,涵盖各类 DOM 操作与检索函数。内容包括元素创建、添加删除、类名切换、属性设置、CSS 样式解析及事件绑定等核心功能。适用于需要精细控制文档结构、处理 HTML 实体编码解码以及管理节点关系的开发者,是构建富文本编辑器的重要辅助模块。

2026-11-04 3 前端开发

【TinyMCE 中文手册】Web 组件

本文详细介绍 TinyMCE Web Component 的集成与配置方法。涵盖从安装、许可证密钥设置到编辑器尺寸、只读模式等基础属性调整。同时讲解工具栏、菜单栏、上下文菜单及快速插入/选择工具栏的定制方式。此外,还涉及内容样式表与样式的配置、PowerPaste 插件的 Word 及 HTML 导入过滤、本地图片显示限制、调整大小手柄控制、初始化函数绑定、皮肤与图标包应用、图片上传 URL 及处理程序设置、凭证携带、文件名重用策略,以及事件绑定与支持的浏览器和 TinyMCE 事件列表。

2026-11-04 4 前端开发

【TinyMCE 中文手册】辅助功能检查器

辅助功能检查器是专为 TinyMCE 付费订阅设计的插件,用于检测 HTML 内容是否符合 WCAG 2.1 及第 508 条可访问性标准。它提供自动修复功能,帮助用户解决文档结构、标题顺序、链接、对比度、图像替代文本及表格标记等常见问题,确保网页对辅助技术友好。

2026-11-04 4 前端开发

【TinyMCE 中文手册】MCP 和 Web 集成(可选)

本文介绍 TinyMCE AI 服务如何通过模型上下文协议 (MCP) 和可插拔 Web 端点扩展模型能力。AI 服务支持工具调用、页面抓取及实时网页搜索,显著提升对话响应质量。演示连接了包含收购交易数据的 Airtable 数据库,展示如何在编辑器中通过聊天侧边栏调用 MCP 服务器工具填充文档占位符或回答查询。所有功能仅需配置环境变量,无需额外基础设施,适用于本地部署场景。

2026-11-04 3 前端开发

【TinyMCE 中文手册】React

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

2026-11-04 6 前端开发

【TinyMCE 中文手册】上下文菜单

本文详细介绍 TinyMCE 编辑器中的上下文菜单功能。该组件可在用户右键点击时显示,支持自定义菜单项及动态部分。文章涵盖如何配置交互选项、禁用原生菜单、注册插件部分(如图像、链接、表格等),以及创建动态菜单的逻辑与示例,帮助开发者灵活定制编辑体验。

2026-11-04 5 前端开发