Question

我在网络应用程序中使用CKEditor。通过单击一个链接，我将一些文本附加到CKEditor。它工作正常。但是当我打开source标签时，我无法将此文本附加到现有来源。你能帮帮我怎么办？先感谢您。抱歉我的英文。

Answer 1

如果您尝试附加HTML文本，可以使用这样的createFromHtml方法，例如：

var imgHtml = CKEDITOR.dom.element.createFromHtml("<img src=" + imageSrcUrl + " alt='' align='right'/>");

其中imageSrcUrl是图像位置，然后您可以将其插入到ckeditor源中，如下所示：

CKEDITOR.instances.body.insertElement(imgHtml);

还有其他方法，如insertHtml或insertText，您可以查看CKEditor APIs以获取有关这些方法的更多详细信息。

Answer 2

根据这篇文章 http://www.techsirius.com/2013/09/dynamically-insert-string-into-ckeditor.html

您可以将文本插入ckeditor（textarea）。您只需要在下面的代码之后给ckeditor（textarea）提供一个唯一的ID。

<script type=”text/javascript”>
  function insertIntoCkeditor(str){
    CKEDITOR.instances[ckeditor_id].insertText(str);
  }
</script>

这是有效的演示链接。 http://demo.techsirius.com/demo/dynamically-insert-string-into-ckeditor

Answer 3

其他样本工作功能：


  function insertIntoCkeditor(str,url){

  var tagHtml = ''+str+'';

    //CKEDITOR.instances['bilgi'].insertText(tagHtml);
    CKEDITOR.instances['bilgi'].insertHtml(tagHtml);
    //CKEDITOR.instances.body.insertElement(tagHtml);
  }

onclick="insertIntoCkeditor('Parakazan','Http://www.parakazan.org')">

Answer 4

要在末尾添加HTML ，您可以执行以下操作：

var targetEditor = CKEDITOR.instances.idOfYourTextarea;
var range = targetEditor.createRange();
range.moveToElementEditEnd(range.root);
targetEditor.insertHtml("<p>foo</p>", 'html', range);

如何在CKEditor中将文本附加到html源代码？

4 个答案: