Summernote代码块按钮

Question

我想在Summernote中创建一个按钮，创建一个可以放入一些代码位的框。

像这样：

它有效，但我现在不能把tekst放在盒子外面。

这是我的代码：

javascript:

    var HelloButton = function (context) {
        var ui = $.summernote.ui;
  
        // create button
        var button = ui.button({
            contents: 'Code block',
            tooltip: 'hello',
            click: function () {
    
                $('#notes').summernote('code', '<pre><code class="html">Place your code here.</code></pre>');
    }
  });

  return button.render();   // return button as jquery object 
}

$('#notes').summernote({
    
    minHeight: 200,
                toolbar: [
					['style', ['style']],
                    ['mybutton', ['hello']],
					['font', ['bold', 'italic', 'underline', 'clear']],
					['para', ['ul', 'ol']],
					['height', ['height']],
					['insert', ['link', 'picture']],
					['view', ['fullscreen', 'codeview']],
					['help', ['help']]
				], 
                
                buttons: {
                    hello: HelloButton
                }
});

html:

<textarea name="note" id="notes">

</textarea>

有谁知道如何解决这个问题？

Answer 1

解决了这个问题。不得不使用＆＃39; editor.pasteHTML＆＃39;代替＆＃39;代码＆＃39;。