富文字之圖片上傳到
阿新 • • 發佈：2020-08-13
<ol class="breadcrumb"> <li class="active">釋出公告</li> </ol> <form class="form-inline" action="#" method="get" style="margin-bottom: 10px" onsubmit="return false"> {% csrf_token %} <div class="div1"> <p> <div class="form-group"> <label for="id_mobile"><div class="div2">標題:</div></label> <input type="text" class="form-control" id="title" name="title" /> </div> </p> <p> <div class="form-group"> <label for="id_mobile"><div class="div2">可見性</div></label> <select name="notice_type" id="notice_type" class="form-control" style="min-width: 180px"> <option value="1" selected>全部</option> <option value="2">商家</option> <option value="3">使用者</option> </select> </div> </p> <p> <div class="form-group"> <label for="id_mobile"><div class="div2">釋出時間</div></label> <input type="datetime-local" class="form-control" id="plan_time" name="plan_time" /> </div> </p> <p> <div class="form-group"> <div id="editor"> </div> </div> </p> <div align="center"><button type="button" class="btn btn-primary" onclick="notice_submit()" >釋出</button></div> </div> </form>
<script> $(function () { $("#nav_shop").addClass("active"); $("#nav_notice_list").addClass("active"); }); </script> <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 '驗證失敗' // 返回字串，即校驗失敗的提示資訊 } editor.customConfig.linkImgCheck = function (src) { console.log(src) // 圖片的連結 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: ['