我在基本CMS中使用summernote进行编辑。这是我正在使用的代码:
$(document).ready(function() {
$("#summernote").summernote({
height: 600,
styleWithSpan: false,
toolbar: [
['style', ['bold', 'italic', 'underline']],
['para', ['ul', 'ol', 'paragraph','style']],
['view', ['codeview']],
['insert', ['mypicture','link','table','hr']]
],
buttons: {
mypicture: PictureButton
},
disableDragAndDrop: true
});
$('#save').click(function(){
var mysave = $('#summernote').summernote('code');
$('#content').val(mysave);
});
});
在工具栏中,我使用['para',['style']]
允许用户选择标题/段落样式,例如 H1 和 P 。
有没有办法限制下拉菜单只允许他们使用 H1 , H2 和 P ?
答案 0 :(得分:2)
您可以通过这种方式更改代码轻松实现
$(document).ready(function() {
$("#summernote").summernote({
height: 600,
styleWithSpan: false,
toolbar: [
['style', ['bold', 'italic', 'underline']],
['para', ['ul', 'ol', 'paragraph','style']],
['view', ['codeview']],
['insert', ['mypicture','link','table','hr']]
],
styleTags: ['p', 'h1', 'h2'],
buttons: {
mypicture: PictureButton
},
disableDragAndDrop: true
});
$('#save').click(function(){
var mysave = $('#summernote').summernote('code');
$('#content').val(mysave);
});
});
相关行为styleTags: ['p', 'h1', 'h2']
。