Summernote WYSIWYG：将代码视图设置为默认视图

Question

我无法在网上找到任何相关信息。有没有办法将Summernote（WYSIWYG jQuery文本编辑器）的默认视图设置为代码/ html视图。我希望在登录表单页面时直接看到HTML代码。

谢谢

Answer 1

你可以模拟codeview按钮上的点击（在summernote初始化之后），它对我有用：

$('.summernote').summernote({
     oninit: function() {
         $("div.note-editor button[data-event='codeview']").click();
     }
});

Answer 2

不是很优雅，我不知道是否有正确的方法可以做，但如果你愿意，可以尝试一下：

从我所知道的，我看起来并不那么努力，codeview按钮可以做到这一点：

1. 添加了一个代码视图＆＃39; class to div.note-editor
2. 禁用所有按钮
3. 添加了一个“活跃的＆＃39; classview to codeview button elemment。

你可能会发现它也会做其他事情，但这会让你走上可行的道路。

                $('div.note-editor').addClass('codeview');
                $('div.note-editor.codeview button').addClass('disabled');
                $("div.note-editor.codeview button[data-event='codeview']").removeClass('disabled').addClass('active');

Answer 3

好吧，你可以使用init回调。

login

Answer 4

来自Summernote documentation：

  

在v0.7.0之后，每个回调都应该由回调对象包装。

所以，为了工作，js应该是这样的：

$('.summernote_editor').summernote({
    callbacks: {
        onInit: function() {
            $("div.note-editor button.btn-codeview").click();
        }
    }
});