如何将 TinyMCE 文本的内容提取为 HTML？答案

【问题标题】：How To extract the content of TinyMCE text as HTML?如何将 TinyMCE 文本的内容提取为 HTML？
【发布时间】：2017-07-25 09:04:30
【问题描述】：

我正在使用 TinyMCE，我只想将内容提取为 HTML 标记，以便我可以在其他地方使用它们，因为我尝试了很多没有好的结果。我该怎么做？

或者，如果您能告诉我一种在 JavaScript CDN 中获取 id 的方法吗？

【问题讨论】：

【解决方案1】：

默认情况下，TinyMCE 只会在您执行标准表单提交时更新底层<textarea>。

如果您想随时从编辑器中获取当前数据，您需要在 TinyMCE 中使用get() API 调用：

您将 <textarea> 的 ID 作为字符串传递给此方法调用：

tinymce.get('mytextbox')

您还可以使用activeEditor 方法来获取当前活动编辑器的句柄：

tinymce.activeEditor

...但是如果用户没有与编辑器进行交互，或者页面上有多个编辑器并且您需要定位一个特定的编辑器实例而不是用户当前正在与之交互的那个，这将不起作用。

如果你想强制 TinyMCE 更新底层的<textarea>，你可以调用triggerSave 方法：

这将使每个 TinyMCE 实例更新其底层 <textarea>，此时您可以与底层 <textarea> 交互，确信它包含来自编辑器的最新数据。

【讨论】：

【解决方案2】：

您的 TinyMCE 实例应该有一个与之关联的文本区域。例如，位于页面上的那个：

有一个 id 为 mce_0 的 textarea。

如果您右键单击并检查页面，您可以看到 HTML 结构并在 TinyMCE div 下方找到它。你会想要开始检查事物以了解它们是如何工作的:)

使用 jquery：

$('#mce_0').val()

并且使用纯 javascript：

document.getElementById('mce_0').value

只是获取文本区域的问题:)

【讨论】：