Accès aux données de div avec la classe 'note-editable' de l'éditeur de note d'été div

Question

Je souhaite accéder au texte écrit dans l'éditeur summer-note pour l'enregistrer dans la base de données.

J'utilise note d'été pour mon site de blog, mais je ne suis pas en mesure d'accéder aux données de la div avec le nom de classe note-editable ..

Voici le code de la div Je voudrais accéder à:

<div class="note-editable" contenteditable="true" style="height: 510px;"> 
    hi...Write an amazing Post.... 
</div> 

quelqu'un sait comment y parvenir ..thanks à l'avance ....

Answer 1

voir ce que les développeurs ont mis en place pour cette tâche: (à partir summernote.org):

get & Code set

Obtenez le contenu HTML de la fir st summernote dans l'ensemble des éléments correspondants .

var sHTML = $('.summernote').code();

Obtenez le contenu HTML de la deuxième summernote avec eq jQuery.

var sHTML = $('.summernote').eq(1).code();

Une chaîne de code HTML pour définir que le contenu de chaque élément identifié.

$('.summernote').code(sHTML);

pour plus de détails api: plongée profonde avec api

Quel est le problème avec ce code? Qu'est-ce que vous pouvez obtenir?

Answer 2

suffit de saisir l'élément et le texte à l'intérieur de celui-ci.

Comme ceci:

var content = document.getElementsByClassName('note-editable')[0]; 
 

 
console.log(content.innerHTML)

<div class="note-editable" contenteditable="true" style="height: 510px;">hi...Write an amazing Post....</div>

Answer 3

Vous pouvez simplement utiliser innerText ou .textContent propriétés pour obtenir le texte dans votre div:

var text = document.getElementsByClassName('note-editable')[0].innerText; 
 

 
alert(text);

<div class="note-editable" contenteditable="true" style="height: 510px;">Hi...Write an amazing Post....</div>

Note:

Évitez d'utiliser innerHTML parce qu'il volonté retourner les sous-éléments code HTML aussi et en se référant à la innerHTML documentation:

Si un <div>, <span> ou <noembed> nœud a un nœud de texte enfant qui comprend les caractères (&), (<), ou (>), innerHTML renvoie ces caractères comme & amp, & lt et & gt respectivement. Utilisez Node.textContent pour obtenir une copie correcte du contenu de ces nœuds de texte.