激活代码视图时向summernote添加事件

Question

如何在激活代码视图时向summernote添加事件？

我想在输入代码时触发按键操作。我正在尝试，但效果不佳。

$(document).ready(function(){
    $('#summernote').on('summernote.init', function () {
        $('#summernote').summernote('codeview.activate');
    }).summernote({
        height: 300,
        toolbar: [],
        codemirror: {
            theme: 'monokai'
        }
    });

    $('#summernote').on('summernote.keyup', function(we, e) {
        console.log('Key is released:', e.keyCode);
    });
});

Answer 1

您可以使用 Summernote 网站上所述的以下解决方案：

$('#summernote').summernote({
  callbacks: {
    onKeyup: function(e) {
      setTimeout(function(){
        console.log('Key is released:', e.keyCode);
      },200);
    }
 }
});

还有很多其他的回调事件可以在这里找到，包括初始化事件：https://summernote.org/deep-dive/

//You need to call summernote and add the callback then add your summernote.init event

$('#summernote').summernote({
  callbacks: {
    onInit: function() {
   console.log('Summernote is launched');
}
}
});