Recherchez des paragraphes dans le texte.

Question

J'essaie d'implémenter un bouton "Modifier" en utilisant JavaScript sur un site Web Django. Bien que je sois très nouveau sur JavaScript.

Diviser le texte en paragraphes est très simple dans Django, il vous suffit de coder {{ text|linebreaks }} comme ceci et Django ajoutera dynamiquement la balise

Pour rendre la transition fluide (après avoir envoyé la demande de récupération et reçu la réponse), je dois créer une fonction qui parcourt le texte modifié et génère les balises

Cependant, je ne sais même pas par où commencer. Comment trouver exactement où se termine chaque paragraphe en utilisant JavaScript ?

Answer 1

Vous pouvez utiliser <br> pour diviser le texte en paragraphes en fonction des sauts de ligne. Supposons qu'après avoir récupéré le texte modifié de Django, vous le stockiez dans une variable appelée editedText. Afin de générer des balises <br> pour chaque paragraphe, vous pouvez suivre ces étapes :

Divisez le texte en un tableau de paragraphes à l'aide de la fonction split(). Générez un nouveau texte formaté en parcourant un tableau de paragraphes et en les concaténant à l'aide des balises <br>

<div id="edited-text">{{ edited_text }}</div>
<button onclick="formatEditedText()">Edit</button>

<script>
function formatEditedText() {
  const editedTextDiv = document.getElementById('edited-text');
  const editedText = editedTextDiv.innerHTML;

  const paragraphs = editedText.split('<br>');

  let formattedText = '';
  for (let i = 0; i < paragraphs.length; i++) {
    formattedText += `<p>${paragraphs[i]}</p>`;
  }

  editedTextDiv.innerHTML = formattedText;
}
</script>

Ça devrait être utile