Как я могу добавить текст в источник HTML в CKEditor? - PullRequest
Новая
       29

Как я могу добавить текст в источник HTML в CKEditor?

7 голосов
/ 21 февраля 2011


Я использую CKEditor в своем веб-приложении. Нажав на одну ссылку, я добавляю текст в CKEditor. Работает нормально. Но когда я открываю вкладку source, я не могу добавить этот текст в существующий источник. Можете ли вы помочь мне, как я могу это сделать? Заранее спасибо. Извините за мой английский.

Ответы [ 4 ]

8 голосов
/ 10 июня 2014

Согласно этому посту http://www.techsirius.com/2013/09/dynamically-insert-string-into-ckeditor.html

Вы можете вставить текст в ckeditor (textarea). Вам просто нужно дать уникальный идентификатор ckeditor (textarea), после этого следуйте приведенному ниже коду. 

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

Это рабочая демонстрационная ссылка. http://demo.techsirius.com/demo/dynamically-insert-string-into-ckeditor

8 голосов
/ 22 февраля 2011

Если вы пытаетесь добавить текст HTML, вы можете использовать метод createFromHtml, например, такой: 

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

, где imageSrcUrl - местоположение изображения, а затем вы можете вставить его в источник ckeditor, например так: 

CKEDITOR.instances.body.insertElement(imgHtml);

Существуют и другие методы, такие как insertHtml или insertText, вы можете проверить API CKEditor для получения более подробной информации о них.

1 голос
/ 12 октября 2017

Чтобы добавить HTML в конце , вы можете сделать это: 

var targetEditor = CKEDITOR.instances.idOfYourTextarea;
var range = targetEditor.createRange();
range.moveToElementEditEnd(range.root);
targetEditor.insertHtml("<p>foo</p>", 'html', range);
1 голос
/ 28 марта 2016

Другие образцы рабочих функций: 


  function insertIntoCkeditor(str,url){

  var tagHtml = '<a href="/%27%20+%20url%20+%20%27.html" title="'+ str +'">'+str+'</a>';

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

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