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

Question

我正在使用 TinyMCE，我只是想将内容提取为 HTML 标签，这样我就可以在其他地方使用它们，因为我已经尝试了很多东西但都没有很好的结果。我该怎么做？

或者，如果您能告诉我一种获取 JavaScript CDN 中的 ID 或其他方式的方法？

Answer 1

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

有一个 id 为 mce_0 的文本区域。

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

因此 jquery:

$('#mce_0').val()

与纯javascript:

document.getElementById('mce_0').value

只需要获取 textarea :)

Answer 2

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

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

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

tinymce.get('mytextbox')

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

tinymce.activeEditor

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

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

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

How To extract the content of TinyMCE text as HTML?