<script type="text/javascript" src="{{ STATIC_URL }}/js/wangEditor.min.js"></script>
<script type="text/javascript">
var E = window.wangEditor
var editor = new E('#editor')
// 或者 var editor = new E( document.getElementById('editor') )
editor.customConfig.menus = [ //自定義菜弟
'head', // 標題
'bold', // 粗體
'fontSize', // 字號
'fontName', // 字體
'italic', // 斜體
'underline', // 下划線
'foreColor', // 文字顏色
'backColor', // 背景顏色
'link', // 插入鏈接
'list', // 列表
'justify', // 對齊方式
'quote', // 引用
'emoticon', // 表情
'image', // 插入圖片
'table', // 表格
{#'video', // 插入視頻#}
'undo', // 撤銷
'redo' // 重復
]
// 是否過濾粘貼樣式，默認true
editor.customConfig.pasteFilterStyle = true
// 是否忽略粘貼內容中的圖片，默認false
editor.customConfig.pasteIgnoreImg = false
// 自定義處理粘貼的文本內容
editor.customConfig.pasteTextHandle = function (content) {
// content 即粘貼過來的內容（html 或 純文本），可進行自定義處理然后返回
return content
}
//粘貼后的文本，可進行自定義操作，返回處理后的內容
editor.customConfig.onchange = function (html) {
// html 即變化之后的內容
console.log(111,html)
}
{#editor.customConfig.zIndex = 100 //配置編輯區域的 z-index 默認是10000#}
editor.customConfig.linkImgCallback = function (url) {
console.log(222,url) // url 即插入圖片的地址
}
editor.customConfig.linkCheck = function (text, link) {
console.log(333,text) // 插入的文字
console.log(444,link) // 插入的鏈接
return true // 返回 true 表示校驗成功
// return '驗證失敗' // 返回字符串，即校驗失敗的提示信息
}
// 表情面板可以有多個 tab ，因此要配置成一個數組。數組每個元素代表一個 tab 的配置
editor.customConfig.emotions = [
{
// tab 的標題
title: '默認',
// type -> 'emoji' / 'image'
type: 'image',
// content -> 數組
content: [ {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/ac/smilea_thumb.gif",
"alt" : "[呵呵]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/0b/tootha_thumb.gif",
"alt" : "[嘻嘻]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/6a/laugh.gif",
"alt" : "[哈哈]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/14/tza_thumb.gif",
"alt" : "[可愛]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/af/kl_thumb.gif",
"alt" : "[可憐]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/a0/kbsa_thumb.gif",
"alt" : "[挖鼻屎]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/f4/cj_thumb.gif",
"alt" : "[吃驚]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/6e/shamea_thumb.gif",
"alt" : "[害羞]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/c3/zy_thumb.gif",
"alt" : "[擠眼]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/29/bz_thumb.gif",
"alt" : "[閉嘴]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/71/bs2_thumb.gif",
"alt" : "[鄙視]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/6d/lovea_thumb.gif",
"alt" : "[愛你]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/9d/sada_thumb.gif",
"alt" : "[淚]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/19/heia_thumb.gif",
"alt" : "[偷笑]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/8f/qq_thumb.gif",
"alt" : "[親親]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/b6/sb_thumb.gif",
"alt" : "[生病]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/58/mb_thumb.gif",
"alt" : "[太開心]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/17/ldln_thumb.gif",
"alt" : "[懶得理你]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/98/yhh_thumb.gif",
"alt" : "[右哼哼]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/6d/zhh_thumb.gif",
"alt" : "[左哼哼]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/a6/x_thumb.gif",
"alt" : "[噓]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/af/cry.gif",
"alt" : "[衰]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/73/wq_thumb.gif",
"alt" : "[委屈]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/9e/t_thumb.gif",
"alt" : "[吐]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/f3/k_thumb.gif",
"alt" : "[打哈欠]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/27/bba_thumb.gif",
"alt" : "[抱抱]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/7c/angrya_thumb.gif",
"alt" : "[怒]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/5c/yw_thumb.gif",
"alt" : "[疑問]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/a5/cza_thumb.gif",
"alt" : "[饞嘴]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/70/88_thumb.gif",
"alt" : "[拜拜]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/e9/sk_thumb.gif",
"alt" : "[思考]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/24/sweata_thumb.gif",
"alt" : "[汗]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/7f/sleepya_thumb.gif",
"alt" : "[困]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/6b/sleepa_thumb.gif",
"alt" : "[睡覺]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/90/money_thumb.gif",
"alt" : "[錢]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/0c/sw_thumb.gif",
"alt" : "[失望]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/40/cool_thumb.gif",
"alt" : "[酷]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/8c/hsa_thumb.gif",
"alt" : "[花心]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/49/hatea_thumb.gif",
"alt" : "[哼]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/36/gza_thumb.gif",
"alt" : "[鼓掌]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/d9/dizzya_thumb.gif",
"alt" : "[暈]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/1a/bs_thumb.gif",
"alt" : "[悲傷]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/62/crazya_thumb.gif",
"alt" : "[抓狂]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/91/h_thumb.gif",
"alt" : "[黑線]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/6d/yx_thumb.gif",
"alt" : "[陰險]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/89/nm_thumb.gif",
"alt" : "[怒罵]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/40/hearta_thumb.gif",
"alt" : "[心]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/ea/unheart.gif",
"alt" : "[傷心]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/58/pig.gif",
"alt" : "[豬頭]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/d6/ok_thumb.gif",
"alt" : "[ok]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/d9/ye_thumb.gif",
"alt" : "[耶]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/d8/good_thumb.gif",
"alt" : "[good]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/c7/no_thumb.gif",
"alt" : "[不要]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/d0/z2_thumb.gif",
"alt" : "[贊]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/40/come_thumb.gif",
"alt" : "[來]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/d8/sad_thumb.gif",
"alt" : "[弱]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/91/lazu_thumb.gif",
"alt" : "[蠟燭]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/6a/cake.gif",
"alt" : "[蛋糕]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/d3/clock_thumb.gif",
"alt" : "[鍾]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/1b/m_thumb.gif",
"alt" : "[話筒]"
},
{
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/7a/shenshou_thumb.gif",
"alt" : "[草泥馬]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/60/horse2_thumb.gif",
"alt" : "[神馬]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/bc/fuyun_thumb.gif",
"alt" : "[浮雲]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/c9/geili_thumb.gif",
"alt" : "[給力]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/f2/wg_thumb.gif",
"alt" : "[圍觀]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/70/vw_thumb.gif",
"alt" : "[威武]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/6e/panda_thumb.gif",
"alt" : "[熊貓]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/81/rabbit_thumb.gif",
"alt" : "[兔子]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/bc/otm_thumb.gif",
"alt" : "[奧特曼]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/15/j_thumb.gif",
"alt" : "[囧]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/89/hufen_thumb.gif",
"alt" : "[互粉]"
}, {
"src" : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/c4/liwu_thumb.gif",
"alt" : "[禮物]"
}
]
},
{#{#}
// tab 的標題
{# title: 'emoji',#}
{# // type -> 'emoji' / 'image'#}
{# type: 'emoji',#}
{# // content -> 數組#}
{# content: ['😀', '😃', '😄', '😁', '😆']#}
{# }#}
]
// 下面兩個配置，使用其中一個即可顯示“上傳圖片”的tab。但是兩者不要同時使用！！！
editor.customConfig.uploadImgShowBase64 = true // 使用 base64 保存圖片
{#editor.customConfig.uploadImgServer = '/upload' // 上傳圖片到服務器#}
// 隱藏“網絡圖片”tab
editor.customConfig.showLinkImg = false
editor.customConfig.uploadImgShowBase64 = true // 使用 base64 保存圖片
editor.create()
editor.txt.html('{{ notice.content|safe }}') //渲染內容，safe防止xss攻擊
