summernote基本API

发布时间:2022-02-11 17:13:57 来源:青锋建站 作者:青锋建站
  使用summernote API可以定制化自己的富文本编辑器,进行个性化的设置,使之符合自己项目需求。以下是青锋建站给大家分享的summernote API详细使用,官网网址: http://summernote.org/
A-初始化 summernote
 $("#summernote").summernote();
B-summernote高度和焦点设置
$('#summernote').summernote({
    height: 300,                 // set editor height
    minHeight: null,             // set minimum height of editor
    maxHeight: null,             // set maximum height of editor
    focus: true                  // set focus to editable area after initializing summernote
    });
C-summernote编辑器销毁
        $('#summernote').summernote('destroy');
D-summernote获取和设置HTML内容
1、获取编辑器内容
var markupStr = $('#summernote').summernote('code')
2、如果初始化了多个编辑器,可以通过jquery的eq方法获取某个编辑器的HTML内容。eg,获取第二个编辑器的。
var markupStr = $('.summernote').eq(1).summernote('code');
3、给指定的编辑器设置HTML内容
var markupStr = 'hello world';
$('#summernote').summernote('code', markupStr);
4、返回编辑器中内容是否为空
  所以summernote提供了这个方法来判断内容是否真的为空。
if ($('#summernote').summernote('isEmpty')) { alert('contents is empty'); }
5、禁用编辑器
disable使编辑器处于不可用状态。
$('#summernote').summernote('disable');
调用enable可以使编辑器从不可以转换到可用状态。
$('#summernote').summernote('enable');
  以上就是青锋建站给大家分享如何使用summernote API定制自己的富文本编辑器的API使用,更多有关summernote 的内容请关注青锋建站

Copyright © 2016-2026 青锋建站 版权所有