Summernote WYSIWYG: установить представление кода в качестве представления по умолчанию

Я не могу найти ничего об этом в Интернете. Есть ли способ установить представление Summernote по умолчанию (текстовый редактор WYSIWYG jQuery) в виде кода/html. Я хочу видеть непосредственно HTML-код при переходе на страницу формы.

Спасибо


summernote wysiwyg
person mentinet    schedule 17.11.2014    source источник

Ответы (4)


arrow_upward
5
arrow_downward

Вы можете имитировать щелчок по кнопке просмотра кода (после инициализации summernote), у меня это работает:

$('.summernote').summernote({
     oninit: function() {
         $("div.note-editor button[data-event='codeview']").click();
     }
});
person Simon    schedule 06.02.2015
comment
Спасибо. Это то, что я в конечном итоге сделал. - person mentinet; 04.03.2015

arrow_upward
3
arrow_downward

Из документации Summernote:

После версии 0.7.0 все обратные вызовы должны быть заключены в объект обратных вызовов.

Итак, для работы js должен быть таким:

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

arrow_upward
2
arrow_downward

Не очень элегантно, и я не знаю, есть ли правильный способ сделать это, но попробуйте, если хотите:

Из того, что я могу сказать, и я не очень внимательно смотрел, кнопка просмотра кода делает это:

  1. добавляет класс codeview в div.note-editor
  2. отключает все кнопки
  3. добавляет «активный» класс к элементу кнопки просмотра кода.

Вы можете обнаружить, что он делает и другие вещи, но это должно поставить вас на рабочий путь.

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

arrow_upward
2
arrow_downward

Ну, вы можете использовать обратный вызов init.

$('.summernote').on('summernote.init', function () {
      $('.summernote').summernote('codeview.activate');
    }).summernote({
      height: 300,
      placeholder: 'Paste content here...',
      codemirror: { 
        theme: 'monokai'
      }
    });
person Vamshi    schedule 04.01.2018