所以我有一系列的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').each(function() {
$(this).summernote('italic');
}
它只是没有做任何事......
我也尝试过:
var elements = document.GetElementsByClassName('summernote');
for (i = 0; i < elements.length; i++) {
$(elements[i]).summernote('italic');
}
没有运气。
任何想法??
答案 0 :(得分:0)
显然除了手动点击工具栏中的斜体按钮之外似乎没有其他选择:
$(".note-btn-italic").trigger("click");
$(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;