summernote 賦值 以及 取值
http://www.jqcool.net/bootstrap-summernote.html 轉載
這個大神,寫的很詳細,但是,賦值這裡錯了。
//取值
var
sHTML = $(
'.summernote'
).code();
//同一頁面多個summernote時,取第二個的值
var
sHTML = $(
'.summernote'
).eq(1).code();
我查了官網,現在是這樣的了//賦值
var markupStr = 'hello world';$('#editor').summernote('code', markupStr);
Summernote是一個基於的bootstrap超級簡單WYSIWYG線上編輯器。Summernote非常的輕量級,大小隻有30KB,支援Safari,Chrome,Firefox、Opera、Internet Explorer 9 +(IE8支援即將到來)。
特點:
世界上最好的WYSIWYG線上編輯器
極易安裝
開源
自定義初化選項
支援快捷鍵
適用於各種後端程式言語
使用方法
使用html5文件
1 2 3 4 |
<!DOCTYPE html>
< html >
...
</ html >
|
引入核心檔案,Summernote需要幾個JS庫的支援,所以得先引入其它庫
1 2 3 4 5 6 7 8 9 |
<!-- include libries(jQuery, bootstrap, fontawesome) -->
< script src = "//code.jquery.com/jquery-1.9.1.min.js" ></ script >
< link href = "//netdna.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap.min.css" >
< script src = "//netdna.bootstrapcdn.com/bootstrap/3.0.1/js/bootstrap.min.js" ></ script >
< link href = "//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" >
<!-- include summernote css/js-->
< link href = "summernote.css" />
< script src = "summernote.min.js" ></ script >
|
寫入html,只需加入一個DIV元素,寫上ID
1 |
< div
|