2016-04-10 6 views
1

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

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

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

Решение: Div С класса редактор редактор, имеющий значение, которое вы вводите в WYSIWYG редакторе, и вы должны положить, что к вашему Но да, мы можем легко сделать, используя селектор класса JQuery См ниже код -

Вы должны быть с Tag с Submit Button Итак, мы пытаемся скопировать содержимое от до

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

и этого достаточно Теперь Ваш, на котором вы разместили редактор WYSIWYG будет иметь текст, введенный в WYSIWYG редактор

+0

Позвольте мне попробовать это решение –

+0

Спасибо, я думаю, это поможет мне сейчас опубликовать значение –

+0

проверено и работает, это помогло также. – youngdero

0

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

+0

да он использует txtEditor и добавляет div рядом с textarea, но есть ли какой-либо метод, который textarea содержит этот текст –

+0

@steve Я думаю, что это проблема с редактором wysiwyg –

+0

ошибка в редакторе? Если вы ищете хороший редактор wysiwyg, я бы порекомендовал tinymce - https://www.tinymce.com/ – Nick