Bonjour,

je recherche à faire mon propre wysiwig sous html5 avec le conteneditable.
voici mon bout de code:

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
 
 
  <button mat-raised-button color="{{colorBouton}}" (click)="changeEdit()" >{{nameBouton}}</button>
 
 
<div id="page"  [attr.contenteditable]="modeEdit"  class="{{modeEdit ? 'wysi':'null' }}">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi mattis lectus vel enim mollis, sit amet dictum eros suscipit. Vestibulum vel suscipit justo, molestie lacinia velit. Vivamus malesuada elit non felis dictum, eget volutpat nibh vehicula. Aliquam arcu odio, vulputate vitae ullamcorper eget, porta in ligula. Fusce iaculis vel massa vel sodales. 
</div>
<div id="menu_wysi" [ngStyle]="{'display':displayWysi}">
  <div>bolder</div> <div>  Title H1</div>
</div>

voici mon composant:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
 
  changeEdit(){ //mode editer ou non edition
    this.permuteEdit();
    if( this.modeEdit == false){
      console.log("enregistrement dans la base");
      console.log( document.getElementById("page").focus);
    }
  }
comment je dois procéder pour récupérer un bout de texte ? ensuite l'entourer d'une balise h1 par exemple ?
je suis sous angular8 et j'utilise aussi material.

merci d'avance de vos réponses