Текстовый редактор WYSIWYG не вызывает TextArea Text

Question

Текстовый редактор WYSIWYG не вызывает TextArea Text

Я использую Responsive-WYSIWYG-Text-Editor-with-jQuery-Bootstrap-LineControl-Editor
Но когда форма публикуется, значение textarea равно нулю, и еще одна вещь, которую я использовал Обязательный атрибут в TextArea, но форма все равно публикуется без ввода текста в textarea. Ниже мой код —

HTML-код

<textarea name="Content" id="txtEditor" class="form-control" placeholder="Have a New Face To Slap! Post Here" maxlength=250 required></textarea>

Код Jquery

    //I am Enable TextEditor On TextArea Click
$(document).ready(function() {
$("#txtEditor").click(function(){
$("#txtEditor").Editor();

});

Следующий Div генерируется редактором WYSIWYG, который содержит значения, введенные в Textarea.

<div class="Editor-editor" contenteditable="true" style="overflow: auto;">Text Area value&nbsp;</div>

1

bootstrap-wysiwyg jquery php text-editor wysiwyg

Решение

Другие решения

Ранее, когда я использовал некоторые редакторы, я заметил, что редактор фактически создается отдельно от текстовой области, которую вы создали с другим идентификатором. Возможно, стоит проверить с помощью такого инструмента, как firebug, что редактор определенно использует идентификатор «txtEditor»

0

Источник

Accepted Answer

Я не использовал WYSIWYG Editor. Но в зависимости от вашей проблемы у меня есть решение для вас.

Решение: вы делите с Class Editor-editor имеет значение Value, которое вы вводите в WYSIWYG Editor, и вам нужно указать это в вашем. Но да, мы можем легко сделать это с помощью селектора классов jquery. См. Код ниже —

У вас должен быть тег с кнопкой «Отправить», поэтому мы пытаемся скопировать содержимое с

<button class="btn btn-primary pull-right" type="Submit" onclick=" $('#txtEditor').val($('.Editor-editor').text());">Post</button>

И теперь этого достаточно, на котором вы разместили WYSIWYG-редактор. Будет иметь текст, который вы ввели в WYSIWYG-редакторе.

1