默認情況下將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>