默认情况下将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>