Ajax Submit nicEdit

Question

我在我的一个项目上使用niceditor，我想使用插件的jQuery提交内容。这是我的代码

<script type="text/javascript">
bkLib.onDomLoaded(function() {
new nicEditor().panelInstance('txt1');
});
</script>

<script>
$(document).ready(function()
{
    $('#submit-from').on('submit', function(e)
    {
        e.preventDefault();
        $('#submit').attr('disabled', ''); // disable upload button
        //show uploading message
        $(this).ajaxSubmit({
        target: '#output-login',
        success:  afterSuccess //call function after success
        });
    });
});
function afterSuccess()
{
    $('#submit-from').resetForm();  // reset form
    $('#submit').removeAttr('disabled'); //enable submit button
    $('#loadding').html('');
}
</script>

<form id="submit-from" action="submit.php" method="post">
<input type="text" id="title" name="title" />
<textarea id="txt1" name="txt1" ></textarea>
<input type="submit" id="submit" value="Submit"/></div>
</form>

我正在使用

插件的jQuery：http：//malsup.com/jquery/form/

nicedit：http：//nicedit.com/

除了Nicdit中的任何内容似乎都没有发布，所有工作都很好。如果我删除了Nicdit文本区域，则会张贴正常。有人可以指出我的问题吗？真的很适合您的帮助。

Answer 1

尝试以下：

// Get values from NICEditors
$('textarea').each(function () {
    var id_nic = $(this).attr('id');
    var nic = nicEditors.findEditor(id_nic);
    if (nic) nic.saveContent();
});             

Answer 2

我认为您应该编码Nicdit的可满足Div的HTML，然后在尝试提交表单时将该值传递给TextAarea。

$(document).ready(function()
{
    $('#submit-from').on('submit', function(e)
    {
        e.preventDefault();
        $('#submit').attr('disabled', ''); // disable upload button
        //show uploading message

        var encodedHTML = String($('.nicEdit-main').html())
                .replace(/&/g, '&')
                .replace(/"/g, '"')
                .replace(/'/g, ''')
                .replace(/</g, '&lt;')
                .replace(/>/g, '&gt;');
        $('#txt1').val(encodedHTML);
        $(this).ajaxSubmit({
            target: '#output-login',
            success:  afterSuccess //call function after success
        });
    });
});