Question

我在summernote上使用codemirror。

我希望默认视图是codeview。

所以我搜索了stackoverflow和google并找到了一些方法。

第一，

$(".summernote").summernote({
        callbacks:{
            onInit: function(){
                $("div.note-editor button[data-event='codeview']").click();
            }
        },height: 300,
        width: '100%',
        minHeight: null,
        maxHeight: null,
        focus: true,
        placeholder: 'please, write text here!',
        lang: 'ko-KR',
        codemirror: { // codemirror options
            theme: 'blackboard',
            lineNumbers: true
        }
)};

然而，这种方式不起作用..

我的summernote - codeview按钮没有[data-event =＆＃39; codeview＆＃39;]标签。按钮有class =＆＃34; note-btn btn btn-default btn-sm btn-codeview＆＃34;。

第二

$('.summernote').on('summernote.init', function () {
        $('.summernote').summernote('codeview.activate');
      }).summernote({
        height: 300,
        width: '100%',
        minHeight: null,
        maxHeight: null,
        focus: true,
        placeholder: 'please, write text here!',
        lang: 'ko-KR',
        codemirror: { // codemirror options
            theme: 'blackboard',
            lineNumbers: true
        }
    });

也行不通。

不，不，行动不是理想的行动。

执行此操作时，会创建两个空格。上下。

因此，我正在使用＆＃39; $（＆＃34; .Summernote＆＃34;）。Summernote（＆＃34;代码＆＃34;，html代码）;＆＃39;我希望默认视图是codeview。

Answer 1

$('.summernote').summernote({
    callbacks: {
        onInit: function() {
            $('.summernote').summernote('codeview.activate');
        }
    }
});

为我工作

summernote编辑器 - 如何设置codemirror默认视图？

1 个答案: