Angular 中的 Tinymce 编辑器选择问题

【问题标题】：Tiny MCE Editor Selection Issue in AngularAngular 中的 Tinymce 编辑器选择问题
【发布时间】：2020-12-22 12:45:00
【问题描述】：

我正在使用 TinyMCE 编辑器，在选择单个标签时，它使用此函数 editor.selection.getNode() 返回正确的值。但是当我选择两个标签数据时，它会从编辑器返回所有 HTML 内容。

示例如下截图

【问题讨论】：

【解决方案1】：

TinyMCE 编辑器的内容区域结构是一个完整的 DOM 树，其中包含 <head> 和 <body> 元素。（除非使用了Full Page 插件，否则这些通常对最终用户来说是模糊的。）

如documentation 中所述，.getNode() 返回：

...当前选择的元素或选择的开始和结束的共同祖先元素。

像 HTML 一样：

<h1>Heading</h1>
<p>Paragraph text.</p>

选择的“共同祖先元素”将是 <body> 元素，它包含编辑器中的所有内容。

【讨论】：