Tu n'as pas lu en plein la réponse que je t'ai faite :
Envoyé par
NoSmoking
... de plus si tu récupères le contenu via un getData() celui-ci sera vide.
Visiblement tu récupères le contenu avec une lecture du innerHTML alors qu'il te faut le récupérer avec la méthode dédiée getData()
La différence est importante puisque dans un cas tu auras
DOM.innerHTML : <h2 data-placeholder="Entrez votre texte ici.">Titre</h2><p>paragraphe</p>
et dans l'autre
CKEdotor.getData : <h2>Titre</h2><p>paragraphe</p>, HTML épuré de tous les markdown utilisés en interne par CKEditor.
Il te suffit donc de récupérer la référence à l’éditeur pour pouvoir accéder à ses méthodes :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
| let ckEditor; // variable globale
DecoupledEditor
.create(document.querySelector('#editor'), {
language: 'fr',
placeholder: "Entrez votre texte ici.",
toolbar: {
removeItems: ['insertTable', 'mediaEmbed']
}
})
.then(editor => {
// récup. référence editeur
ckEditor = editor;
const toolbarContainer = document.querySelector('#toolbar-container');
toolbarContainer.appendChild(editor.ui.view.toolbar.element);
})
.catch(error => {
console.error(error);
}); |
et pour la récupération du contenu c'est simplement :
const innerHTML = ckEditor.getData();
Partager