le MEMO du WEB développeur
••• CkEditor •••  Liste des Mémos, astuces et bonnes pratiques

Récupérer le texte du contenu de l'editeur CKEditor en javascript

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());
  }); 
});

 

publié le 16/08/2012 par Memo Web
Commenter le Mémo :

Empêcher la saisie de mise en forme sur copier coller - ckEditor
Ajouter des styles dans la barre d'outils de ckeditor
Bug sur le plugin mediaembed de CkEditor
Erreur javascript "w is undefined"
Configurer ckeditor
Rajout automatique de paragraphe dans ckEditor
Ajoutez vos propres Mémos sur MEMO-WEB

Il suffit de vous créer un compte sur le site

Vous pourrez choisir un thème parmis l'une des catégories proposées par MEMO-WEB.

Rédigez votre Mémo.
Après validation par MEMO-WEB, il sera mis en ligne.
Ajouter vos Mémos