将summernote设置为默认斜体

时间:2016-11-24 23:27:45

标签: javascript css asp.net-mvc summernote

所以我有一系列的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');
}

没有运气。

任何想法??

1 个答案:

答案 0 :(得分:0)

显然除了手动点击工具栏中的斜体按钮之外似乎没有其他选择:

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

&#13;
&#13;
$(document).ready(function() {
  $('.summernote').summernote({
    toolbar: [
      ['style', ['italic']],
    ]
  });
  $(".note-btn-italic").trigger("click");
});
&#13;
<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>
&#13;
&#13;
&#13;