Я использую jQuery и TinyMCE для представления формы, но существует проблема в сериализации в этом, значение Текстовой области не отправляет.
Вот код:
язык: lang-js
$('#myForm').submit(function() {
$.ajax({
type: 'POST',
url: $(this).attr('action'),
data: $(this).serialize(),
success: function(data) {
$('#result').fadeIn('slow');
$('#result').html(data);
$('.loading').hide();
}
})
return false;
});
tinyMCE.init({
// General options
mode : "textareas",
theme : "advanced",
// Theme options
theme_advanced_buttons1 : "bold,italic,underline,separator,image,separator,justifyleft,justifycenter,justifyright,jformatselect,fontselect,fontsizeselect,justifyfull,bullist,numlist,undo,redo,styleprops,cite,link,unlink,media,advhr,code,preview",
theme_advanced_buttons2 : "",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
theme_advanced_resize_horizontal : false,
theme_advanced_resizing : true,
extended_valid_elements :"a[name|href|target|title|onclick],img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name],hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]",
});
Можно ли объяснить мне, что я должен изменить, и почему, для получения значения в отправленной текстовой области?
Это потому, что это больше не текстовая пара. Он заменен IFrame (и Whatnot), а функция Serialize также получает данные из полей формы.
Добавьте скрытое поле в форму:
<input type="hidden" id="question_html" name="question_html" />
перед публикацией формы, получите данные из редактора и поместите в скрытое поле:
$('#question_html').val(tinyMCE.get('question_text').getContent());
(редактор, конечно, позаботится об этом, если вы размещены Форма нормально, но, поскольку вы соскабливаете форму и отправляете данные самостоятельно без использования формы, событие ONSUBMIT в форме никогда не срабатывает.)
Вы также можете просто использовать jQuery Плагин и пакет для Tinymce это сортирует такие проблемы.
Перед отправкой формы вызовите tinyMCE.triggerSave ();