我正在使用 jQuery 和 TinyMCE 提交表单,但是在序列化过程中出现问题,即 Textarea 值无法发布。代码如下:
我正在使用 jQuery 和 TinyMCE 提交表单,但是在序列化过程中出现问题,即 Textarea 值无法发布。
以下是代码:
<form id="myForm" method="post" action="post.php">
<textarea name="question_text" id="question_text" style="width:543px;height:250px;"></textarea>
</form>
语言: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]",
});
您能向我解释一下我应该改变什么以及为什么改变才能获取文本区域中的值吗?
我遇到这个问题有一段时间了,但 triggerSave()
没有效果,其他方法也一样。
所以我找到了一种适合我的方法(我在这里添加它是因为其他人可能已经尝试过 triggerSave 等......):
tinyMCE.init({
selector: '.tinymce', // This is my <textarea> class
setup : function(ed) {
ed.on('change', function(e) {
// This will print out all your content in the tinyMce box
console.log('the content '+ed.getContent());
// Your text from the tinyMce box will now be passed to your text area ...
$(".tinymce").text(ed.getContent());
});
}
... Your other tinyMce settings ...
});
当你提交表单或其他任何内容时,你所要做的就是从选择器中获取数据(在我的情况下 .tinymce
:)使用 $('.tinymce').text()
.