文件鏈接:點(diǎn)擊跳轉(zhuǎn)百度云
這是一個(gè)非常簡(jiǎn)單輕巧實(shí)用的富文本編輯器notebook,它是基于jquery的插件,使用簡(jiǎn)單快捷。下面來看下他的用法吧
引入核心文件,即添加FontAwesome CSS和jQuery,Notebook css來你頁(yè)面的頭:
<link href="css/font-awesome.css" rel="stylesheet"><link rel="stylesheet" type="text/css" href="src/js/jquery.notebook.css">創(chuàng)建編輯器所需的html代碼
<div class="my-editor"></div>寫入JS,實(shí)現(xiàn)編輯器功能
$(document).ready(function(){ $('.my-editor').notebook();});可用命令
按Ctrl /命令B – 粗體 按Ctrl /命令我 – 斜體 按Ctrl /命令u – 下劃線 按Ctrl /命令F1 – 標(biāo)題1 按Ctrl /命令F2 – 標(biāo)題2 按Ctrl /命令z – 撤消選項(xiàng)
以下是支持的選項(xiàng)和它們的默認(rèn)值:
$.fn.notebook.defaults = { autoFocus: false, placeholder: 'Your text here...', mode: 'multiline', //多行或內(nèi)嵌 modifiers: ['bold', 'italic', 'underline', 'h1', 'h2', 'ol', 'ul', 'anchor']};轉(zhuǎn)載請(qǐng)注明:jQ酷 ? jQuery富文本編輯器Notebook
新聞熱點(diǎn)
疑難解答
圖片精選