Today I need put some WYSWYG text editor for my project, so this first time I use WYSWYG text editor. So far, I user bootstrap modal with textarea only. I decide use ckeditor, the integration with bootstrap quite easy, with minor problem when I wrong put Javascript load syntax 😀  With modal , I use jQuery serialize to POST data from modal to controller, so it was no problem with textarea since I realize there something weird happen.

From loaded textarea data , I change the data on ckeditor but the changes was not POST with serialize function, the POST data is always old loaded data. First I guess  there a problem with modal and ckeditor , after couple hour testing I found there a problem before serialize function .

From this page http://stackoverflow.com/questions/5716644/javascript-and-jquery-serialize-issue I add some function on my script to update the textarea value before it serialize 😉

CKEDITOR.instances.<your textarea id>.updateElement();