Pour récupérer en javascript le texte tapé dans l'editeur de texte WYSIWYG ckEditor, il faut utiliser la propriété getData() sur l'objet ckeditor.

Afficher en javascript le contenu de l'editeur CKeditor – getData()

Code HTML :

<textarea name="txt1" id="texte-nouvelle" cols="120" rows="120"> 
  mon texte par défaut
</textarea>
<div id="btn_apercu">Aperçu </div>  

Code JQuery :

Déclaration de ckeditor dans l'oblet editor qui remplace l'input textarea de name txt1.
Affichage en alert du contenu de l'éditeur via la propriété getData()

$(document).ready(function(){
   editor=CKEDITOR.replace( 'txt1',
                                {                                       
                                 forcePasteAsPlainText : true,
                                 width   : '100%',
                                 uiColor : '#f5f3de'                        
                                 });
  $('#btn_apercu').click(function(){
    alert ('contenu de ckeditor : '+editor.getData());
  }); 
});

 

0 réponses

Laisser un commentaire

Participez-vous à la discussion?
N'hésitez pas à contribuer!

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.