Avoir une configuration simple pour summernote.

<div id="summernote">data-here</div>


$('#summernote').summernote({
  height: 200,                 // set editor height
  focus: true,
  callbacks // any callbacks didn't worked, onChange, onBlur etc..(any tip on how to add proper callbacks here)
});

J'ai essayé de faire du code jquery pour attraper l'événement de changement de ma note d'été, comme :

$('#summernote').on("summernote.change", function (e) {
 # Problem here when deleting (keyboard backspace, calls twice)
 -some code here-
}

Mon problème avec le summernote.change est que lors de la suppression de texte/contenu à l'aide du retour arrière du clavier, le rappel (en cas de modification) se déclenche deux fois à la place. Ainsi, ma fonction interne s'exécute également deux fois.

Une idée sur ces gars, merci d'avance.

0
aldrien.h 18 mars 2019 à 07:03

2 réponses

Meilleure réponse

Comme je le sais, c'est un problème connu (https://github.com/summernote/summernote/issues /2888), mais personne n'a essayé de le réparer.

Alors, je l'utilise comme ceci :

        var mySec = 100;
        var myEvent;

        $('#summernote').on("summernote.change", function (e) {
            clearTimeout(myEvent);

            myEvent = setTimeout(function(){
                console.log(e) // do something!
            }, mySec);
        });

J'espère que cela t'aidera :)

1
Ibra 18 mars 2019 à 05:43

J'ai essayé de recréer le problème. Mais ça marche bien pour moi.

$(document).ready(function() {
  $('#summernote').summernote({
    height: 200, // set editor height
    focus: true,
    callbacks: {
      onInit: function() {
        console.log('Summernote is launched');
      },
      onChange: function(contents, $editable) {
        console.log('onChange:', contents, $editable);
      }
    }
  });
  $('#summernote').on('summernote.change', function(we, contents, $editable) {
    console.log('summernote.change', contents, $editable);
  });
});
<!-- include libraries(jQuery, bootstrap) -->
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet">
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.js"></script>

<!-- include summernote css/js -->
<link href="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.11/summernote.css" rel="stylesheet">
<script src="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.11/summernote.js"></script>

<div id="summernote">data-here</div>

Remarque : Vous devez utiliser l'un des événements onChange dans les rappels ou summernote.change pas les deux.

2
User863 18 mars 2019 à 05:52