【TinyMCE 中文手册】tinymce.dom.DOMUtils
本文详细介绍 TinyMCE 的 DOMUtils 工具类,涵盖各类 DOM 操作与检索函数。内容包括元素创建、添加删除、类名切换、属性设置、CSS 样式解析及事件绑定等核心功能。适用于需要精细控制文档结构、处理 HTML 实体编码解码以及管理节点关系的开发者,是构建富文本编辑器的重要辅助模块。
关于根节点的技术文章和开发文档。
本文详细介绍 TinyMCE 的 DOMUtils 工具类,涵盖各类 DOM 操作与检索函数。内容包括元素创建、添加删除、类名切换、属性设置、CSS 样式解析及事件绑定等核心功能。适用于需要精细控制文档结构、处理 HTML 实体编码解码以及管理节点关系的开发者,是构建富文本编辑器的重要辅助模块。
本文介绍微型mce.html.Node类,这是DomParser使用的极简DOM节点实现。涵盖Node构造函数及append、attr、children、clone、create、empty、getAll、insert、isEmpty、remove、replace、unwrap、walk、wrap等核心方法的功能定义与使用示例,适用于轻量级文档解析场景。
本文介绍 TinyMCE 中的 TextSeeker 类,用于在 DOM 中跨文本查找特定点。通过构造函数创建实例,提供 forwards() 和 backwards() 方法分别进行正向和反向搜索。支持自定义回调函数确定是否越过节点,可设置根节点限制范围,返回匹配节点及偏移量对象或 null。
本文介绍 tinymce.html.DomParser 类,用于将 HTML 代码解析为类似 DOM 的节点结构。它支持添加或移除属性及节点过滤器函数,确保节点树符合指定 schema。核心方法包括 parse()、addAttributeFilter()、addNodeFilter() 等,可处理 HTML 字符串并返回根节点。
本文详细介绍 TinyMCE 4 中的上下文表单功能,涵盖其定义、注册方式及与上下文工具栏的交互。内容包括启动规范、按钮类型(如 contextformbutton)、定位选项(上方、下方、右侧)以及复杂的优先级判定逻辑。同时解析了如何通过 API 配置表单行为、处理冲突及实现自定义插件集成,是开发者构建富文本编辑器的重要参考。
本文详细介绍 TinyMCE 编辑器中上下文工具栏的配置与使用方法。涵盖按钮注册、位置定位选项(上方、下方、右侧)、分组标签设置及多级导航功能。同时解析了上下文工具栏与表单的优先级判定逻辑,包括谓词匹配、渲染位置排序及父节点递归搜索机制,帮助开发者解决冲突并优化用户体验。
本文详细介绍 TinyMCE DOM Serializer 类,用于将浏览器 DOM 树序列化为 HTML 字符串。涵盖 addAttributeFilter、addNodeFilter、addRules、addTempAttr、getTempAttrs、removeAttributeFilter、removeNodeFilter、serialize 及 setRules 等核心方法的功能定义、参数说明与使用示例,帮助开发者掌握序列化器配置技巧。
本文介绍 TinyMCE Formatter 类,这是一个强大的文本格式化引擎。它用于对当前选区或特定节点应用粗体、斜体、字号等格式,旨在替代浏览器默认的 execCommand 逻辑。文档详细说明了 apply、canApply、closest、register、remove 等核心方法的功能与参数用法,帮助开发者高效管理富文本格式。
本文介绍 tinymce.dom.TreeWalker 类,提供线性方式遍历 DOM 树的功能。核心方法包括 current() 获取当前节点、next() 移动到下一个节点以及 prev() 移动到上一个节点。适用于需要深度操作 DOM 结构的开发者,帮助高效实现编辑器内的节点导航与处理逻辑。
本文详细介绍 TinyMCE 的 Selection 类,这是一个用于处理文本和控件选择的跨浏览器实用程序。文章涵盖了构造函数、collapse、expand、getBookmark 等核心方法,以及 getContent、getEnd、getNode 等获取选区信息的函数。同时介绍了 setContent 等已弃用方法的替代方案,帮助开发者高效管理编辑器中的选区状态与内容操作。