在最后一个关闭 HTML 标记之前插入纯文本



我在我的网络应用程序中使用 CKEditor。用户使用完编辑器后,他们将从选择列表中选择一些产品。

之后,他们将单击预览按钮,此时我需要以编程方式在编辑器中最后一个结束 HTML 标记之前插入一些纯文本。 例如:

当前编辑器 HTML:

<p>The products you have chosen are: </p>

插入纯文本后:

<p>The products you have chosen are: product 1, product 2, product 3</p>

谢谢

编辑:尝试使用 jquery

$( ":last-child" ).children().last().append("product 1 product 2 product 3");

var existingContent = CKEDITOR.instances.containerID.getData();

获取用于将编辑保存到字符串变量中的任何容器的内容。 将"容器 ID"更改为容器的 css ID。如果您使用了建议的代码,这将是"可编辑的"。

您可以使用 innerHTML 将修改后的字符串写回去,例如:
document.getElementById('editable').innerHTML=modifiedContent;

您可能会想为什么不通过innerHTML获取内容 - 答案是innerHTML不保留格式。

有关其工作原理的示例,请查看Hyperframe 4中的codebase/srcedit.php http://sf.net/projects/hyperframe。

最新更新