Summernote codeblock按鈕

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: [ 
 
\t \t \t \t \t ['style', ['style']], 
 
        ['mybutton', ['hello']], 
 
\t \t \t \t \t ['font', ['bold', 'italic', 'underline', 'clear']], 
 
\t \t \t \t \t ['para', ['ul', 'ol']], 
 
\t \t \t \t \t ['height', ['height']], 
 
\t \t \t \t \t ['insert', ['link', 'picture']], 
 
\t \t \t \t \t ['view', ['fullscreen', 'codeview']], 
 
\t \t \t \t \t ['help', ['help']] 
 
\t \t \t \t ], 
 
       
 
       buttons: { 
 
        hello: HelloButton 
 
       } 
 
});

html: 
 

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

 
</textarea>

有人誰知道如何解決這一問題？

Answer 1

解決了這個問題。必須使用'editor.pasteHTML'而不是'code'。