Creating a simple WYSIWYG html text editor for a jQuery bootstrap text area with no toolbar.

in html5/php ISO-8859-1 page there is a form. In that form there are about 10 text areas who need a editor. Text can be typed, pasted by the user of this form On any of these events there must be an update to a php/mysql database table so on keyup, blur, paste the js must collect the id of the teaxtarea and value of the text, clean it up if pasted from MS Word, prepare the text (value) to mysql_real_escape_string via post $.post('[login to view URL]',{ID:id,TEXT:txt}, function(){ // update database handled by myself }); piece of the form <div class="form-group"> <label class="control-label col-xs-4" for="observations">Nuttige informatie opgedaan uit observaties:</label> <div class="col-xs-8"> <textarea class="form-control" rows="3" id="observations"></textarea> </div> </div> <div class="form-group"> <label class="control-label col-xs-4" for="teacher-concerns">Algemene bezorgdheid van de leerkracht: </label> <div class="col-xs-8"> <textarea class="textarea form-control" rows="3" id="teacher-concerns"></textarea> </div> </div> <div class="form-group"> <label class="control-label col-xs-4" for="parent-concerns">Algemene bezorgdheid van de ouders: </label>