Значения CKEDITOR отображаются в 1 строке в результатах журнала консоли

#javascript #html #ckeditor

#язык JavaScript #HTML #редактор

Вопрос:

Я создаю функцию CKEditor. Теперь моя проблема в том, что я не могу получить значение в текстовой области CKEditor. Я пытаюсь запустить журнал консоли, чтобы показать результат, он не может, не может следовать html, чтобы показать, как показано ниже на картинке:

выход

Ниже приведен мой код:

 lt;textarea id="editor1" name="editor1"gt;This is sample textlt;/textareagt;  lt;script type="text/javascript"gt; CKEDITOR.replace( 'editor1', {  height: 300,  // enterMode: CKEDITOR.ENTER_BR,  filebrowserUploadUrl: "/eokclaim/app/ajaxfile.php?type=file",  filebrowserImageUploadUrl: "/eokclaim/app/ajaxfile.php?type=image"  } );   function updateDiv(){  var editorText = CKEDITOR.instances.editor1.getData();  console.log(editorText);  } lt;/scriptgt;  

Я хочу, чтобы ожидаемый результат в журнале консоли был (я хочу, чтобы результат журнала консоли отображался в 1 строке) :

 lt;pgt;Picture 1:lt;/pgt;lt;br /gt;lt;pgt;lt;img alt="" src="https://www.abc.com.my/folder/app/uploads/blue-pin.png" style="height:100px; width:100px" /gt;lt;/pgt;lt;br /gt;lt;pgt;Picture 2:lt;/pgt;lt;br /gt;lt;pgt;lt;img alt="" src="https://www.abc.com.my/folder/app/uploads/1.png" style="height:34px; width:100px" /gt;lt;/pgt;  

Надеюсь, кто-нибудь сможет подсказать мне, как решить эту проблему. Спасибо.

Комментарии:

1. Если editorText-это строка, вы пробовали просто удалять разрывы строк ? Нравится editorText.replace(/(rn|n|r)/gm, ""); .

2. Я хочу сохранить html для хранения в переменной, а затем передать его в серверную часть

3. Вы спрашиваете, как отобразить многострочный текст (этот html-текст) в одной строке. Я думаю, что мой комментарий с кулаком ответит на вопрос. Вы все равно можете сохранить его в переменной и передать его также в серверную часть.

4. ОК. Могу я узнать, как добавить ваш код в мой код?

5. Я опубликую это в качестве ответа.

Ответ №1:

Чтобы удалить разрывы строк, вы можете использовать replace функцию. Ваш код будет выглядеть так :

 function updateDiv(){  var editorText = CKEDITOR.instances.editor1.getData().replace(/(rn|n|r)/gm, "");  console.log(editorText); }  

Если getData() возвращает строку, как я думаю, это должно сработать.