javascript - tinymce 如何映射所见即所得的 html 代码和存储到数据库的 textarea 的输出？

Question

当您单击“图像”按钮时，您会将图像插入所见即所得。当您单击插入的图像时，您会在图像上看到一些蓝色边框。如果你在萤火虫中检查它的边界，你会看到它被插入div到所见即所得中。此外，当您比较 iframe 的内容和 textarea 的内容（tinymce 存储编辑器输出的地方）时，您会看到不同的 html 代码。

tinymce 如何从 iframe 映射 html 代码并从 textarea 输出 html 代码？

你知道现有的编辑器是怎么做到的吗？

标签： javascripttinymcewysiwyg

Answer 1

通常，如果您检查 TinyMCE 编辑器 iFrame 的内容，您会看到通过getContent(). 编辑器在编辑会话期间执行 TinyMCE 正常运行所需的各种内部操作。当您从 TinyMCE 获取内容时，这些将被删除，因此它们不会影响您通过 TinyMCE 获取、存储和重新加载内容的能力。

对于你提到的具体情况......

如果您在编辑器中单击图像，您会在图像上获得调整大小手柄和边框 - 这些是您可以对图像执行一些操作。

当您向 TinyMCE 询问其内容时（通过getContent()），您不会得到这些div用于控制编辑过程 UI 的标签。