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

1として。

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

ありません運：私も試した

は、その後、私は

$('.summernote').each(function() { 
    $(this).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>