Połączenie FCKEditor i AJAX (jquery)

Ostatnio natrafiłem na problem, w jaki sposób wyciągnąć dane z formularza FCKEditora i przesłać je za pomocą AJAX.  Sprawa wygląda tak, że formularz edytora wrzucam do warstwy generowanej przez JQuery, a następnie wysyłam go za pomocą JQuery dalej. Nie mogłem się przez to przegryźć. Rozwiązaniem okazało się API edytora, wystarczy tylko jedna linijka kodu by problem przeskoczyć:

var tresc =  FCKeditorAPI.GetInstance('NazwaPolaInput').GetXHTML();

NazwaPolaInput określamy podczas inicjalizacji klasy edytora

$oFCKeditor = new FCKeditor('NazwaPolaInput') ;
$oFCKeditor->BasePath = 'patch/to/editor/';
$oFCKeditor->Value = '';
$oFCKeditor->Width  = '100%' ;
$oFCKeditor->Height = '400' ;
$oFCKeditor->Create() ;

Następnie w kodzie jquery wystarczy tylko dodać naszą magiczna linijkę:

var link; var widok;

ajaxManager.add({
contentType: "application/x-www-form-urlencoded;charset=ISO-8859-2",
type: "POST",
url: link,
data: {
view: widok,
tresc: FCKeditorAPI.GetInstance('NazwaPolaInput').GetXHTML()
},
dataType: "html",
timeout: 5000,
success: function(data){
alert("sukces");
},
error: function(request,error) {
alert("Problem");
}
}
});

I to wszystko 😉

Dodaj komentarz