summernote富⽂本编辑器的基本使⽤（⼀）基础API
初始化 summernote
$('#summernote').summernote();
初始化并配置summernote
⾼度和焦点设置
如果对summernote设置了focus项，在编辑器初始化之后会⾃动获取焦点。
$('#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
});
对⾼度进⾏设置后，如果内容超过编辑器⾼度会出现滚动条。否则，编辑器⾼度会随内容⾼度变化⽽变化。
编辑器的销毁（destr o y）
销毁summernote
$('#summernote').summernote('destroy');
获取&设置H TML内容（get&set）
获取编辑器内的HTML内容
var markupStr = $('#summernote').summernote('code');
如果初始化了多个编辑器，可以通过jquery的eq⽅法获取某个编辑器的HTML内容。eg，获取第⼆个编辑器的。
var markupStr = $('.summernote').eq(1).summernote('code');
给指定的编辑器设置HTML内容
var markupStr = 'hello world';
$('#summernote').summernote('code', markupStr);
优秀的富文本编辑器国际化⽀持
语⾔
引⼊需要⽀持的语⾔库。eg. summernote-ko-KR.js
<link href="netdna.bootstrapcdn/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet">
<script src="cdnjs.cloudflare/ajax/libs/jquery/2.1.4/jquery.js"></script>
<script src="netdna.bootstrapcdn/bootstrap/3.3.5/js/bootstrap.js"></script>
<link href="summernote.css" rel="stylesheet">
<script src="summernote.min.js"></script>
<!-- include summernote-ko-KR -->
<script src="lang/summernote-ko-KR.js"></script>
通过本地配置运⾏引⼊的脚本
$(document).ready(function() {
$('#summernote').summernote({
lang: 'ko-KR' // default: 'en-US'
});
});

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。