nicedit에서 JQuery ajaxForm을 사용하는 방법?

ajaxForm 함수를 사용하여 nicEdit HTML 편집기가있는 양식을 제출하고 있지만 처음 양식을 제출하려고했을 때 nicEdit의 내용이 포함되어 있지 않습니다.이 양식을 가로 챌 수있는 방법이 있습니까? 양식 데이터를 편집 할 수 있도록 제출 된 데이터? 실제로 양식을 제출하기 전에 양식 데이터에 값을 추가 할 수 있습니까? 뭔가 같은 ...nicedit에서 JQuery ajaxForm을 사용하는 방법?

VAR 옵션 = { 유형 : 'blahblah', 성공 : blahblah, beforeSerialize : alterData }. $ ('즐') ajaxForm (옵션)

기능 alterData (formdata) { // 여기에 데이터를 추가하는 것을 좋아합니다. formdata [ 'newdata'] = 새로운 데이터입니다! // 제출을 위해 새 양식 데이터를 반환하십시오. return formdata; }

이 비슷한 무엇입니까?

이

정말 beforeSerialize 옵션은 다음과 같습니다!

출처

2010-01-07 Chopnut

그럼 내가이 게시 한 지 한 시간 전에 그것을 알아 냈다, 그래서 누군가가 여기에 같은 문제가있는 솔루션입니다 경우 ... 모든 도움을 주셔서 감사합니다

... 
beforeSerialize: alterData 
... 

function alterData(formData,options){ 
    var nicEdit_content = nicEditors.findEditor('id_of_textarea').getContent(); 
    formData.each(function(){ 
     $(this).find('#gth_text').val(nicEdit_content); 
    }) 
    return true; // Return true to go back to normal processing! 
}

저에게 맞습니다! 당신은 아마

가 가

출처

2010-01-07 23:48:33 Chopnut

이를 사용할 수 있습니다 ... 내가 이미 시도했습니다 .. 등, TinyMCE에 저쩌구 인 FCKEditor 같은 다른 온라인 HTML 편집기와 동일한 기능을 수행 할 수 있으며, 그것은 작동합니다 .. :) 예를 들어

파일 업로드의 경우 addForm 함수를 대체합니다 ...

nicURI : 'upload-foto.php', <!-- for upload, just echo for response file path --> 

addForm : function() { 

var formHTML = '<div id="pageForm"><form method="post" action="'+this.uri+'"><div style="font-size: 14px; font-weight: bold; padding-top: 5px;">Insert an Image</div><input id="upload_foto" name="upload_foto" type="file" style="margin-top: 10px;" /></form></div><div id="pageLoad" style="display: none;"><img src="http://files.nicedit.com/ajax-loader.gif" style="float: right; margin-right: 40px;" /><strong>Uploading...</strong><br />Please wait</div>'; 

var goo = this; 
this.ne.selectedInstance.restoreRng(); 

$(function() { 

    $(this).find('#forUpload').append(formHTML); 

    $(this).find('#forUpload').find('#upload_foto').change(function(data) { 

    var thiP = $(this); 
    $(this).parents('#forUpload').find('#pageForm').hide(); 
    $(this).parents('#forUpload').find('#pageLoad').show(); 

    $(this).parents('form').ajaxForm(function(data) { 

     thiP.parents('#forUpload').find('#pageForm').show(); 
     thiP.parents('#forUpload').find('#pageLoad').hide(); 
     var tmp = data; 
     goo.ne.nicCommand("insertImage",tmp); 
     goo.im = goo.findElm('IMG','src',tmp); 

    }).submit(); 


    }); 
}); 

},

출처

2012-05-26 10:31:20 Hieppies

nicedit에서 JQuery ajaxForm을 사용하는 방법?

답변

관련 문제