Установка Summernote для курсива по умолчанию

Question

Поэтому у меня есть ряд вводных данных Summernote, которые я хочу выделить курсивом по умолчанию. Мне нужна только кнопка курсива, поэтому я удалил все остальные.

Изображение нескольких записей Summernote

HTML генерирует эти:

<div style="width:250px;">
     <div class="summernote" id="[e-mail]_ID">
          @Html.HiddenFor(model => model.Answer, htmlAttributes: new { id = "Answer_" + @Model.ST_ID})
      </div>
</div>

-

$(document).ready(function () {
     $('.summernote').summernote({
          toolbar: [
               ['style', ['italic']],
          ],
          onChange: function (e) {
               // Do some event
               // Update the HiddenFor element with the formatted text
          }
     });
});

Расположение кнопки курсива задается CSS.

Я хочу, чтобы все входы были выделены курсивом по умолчанию.

Я старался:

$('.summernote').summernote('italic');

Согласно Summernote - глубокое погружение

Он устанавливает первый вход, но не любой другой.

Потом я попробовал

$('.summernote').each(function() {
     $(this).summernote('italic');
}

И это просто ничего не делает...

Я также попробовал:

var elements = document.GetElementsByClassName('summernote');
for (i = 0; i < elements.length; i++) {
    $(elements[i]).summernote('italic');
}

Неудачно.

Есть идеи??

Answer 1

Похоже, что нет другого выбора, кроме ручного нажатия курсива на панели инструментов:

  $(".note-btn-italic").trigger("click");

---

$(document).ready(function() {
  $('.summernote').summernote({
    toolbar: [
      ['style', ['italic']],
    ]
  });
  $(".note-btn-italic").trigger("click");
});

<link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet" />
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.js"></script>
<link href="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.2/summernote.css" rel="stylesheet" />
<script src="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.2/summernote.js"></script>

<div style="width:250px;">
  <div class="summernote" id="[e-mail]_ID"></div>
</div>