javascript - 将 summernote 设置为默认斜体

Question

所以我有一系列的 summernote 输入，我希望默认为斜体。我只想要斜体按钮选项，所以我删除了所有其他选项。

Image of multiple summernote entries

生成这些的 HTML:

<div style="width:250px;">
     <div class="summernote" id="RTE_@Model.ST_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 - Deep Dive

它设置第一个输入，但不设置任何其他输入。

然后我试了一下

$('.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="RTE_@Model.ST_ID"></div>
</div>