默认情况下将summernote设置为斜体
问题描述:
因此,我有一系列summernote输入,我希望默认情况下为斜体。我只想要斜体按钮选项,所以我删除了所有其他的。默认情况下将summernote设置为斜体
Image of multiple summernote entries
的Html生成这些:
<div style="width:250px;">
<div class="summernote" id="[email protected]_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');
}
没有运气。
任何想法??
答
显然有不似乎是任何其他选项比工具栏上做了手动点击斜体按钮:
$(".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="[email protected]_ID"></div>
</div>
+0
它适用于一个summernote条目,但是当我添加多条时,它会中断 http://codepen.io/anon/pen/worpga –
你有一些HTML我们可以看看吗? –
@NeilDocherty我已经用html更新了我的初始文章。 –
这是[笔](http://codepen.io/anon/pen/dOReyE)。 – Ricky