html 初始化內(nèi)容直接將內(nèi)容寫到要創(chuàng)建編輯器的 <div> 標簽中 。
<div id="div1"><p>初始化的內(nèi)容</p><p>初始化的內(nèi)容</p></div><!-- 引入 wangEditor.min.js --><script type="text/javascript">const E = window.wangEditorconst editor = new E('#div1')editor.create()</script>js 設(shè)置內(nèi)容創(chuàng)建編輯器之后 , 使用 editor.txt.html(…) 設(shè)置編輯器內(nèi)容 。
<div id="div1"></div><!-- 引入 wangEditor.min.js --><script type="text/javascript">const E = window.wangEditorconst editor = new E('#div1')editor.create()editor.txt.html('<p>用 JS 設(shè)置的內(nèi)容</p>') // 重新設(shè)置編輯器內(nèi)容</script>獲取 html使用 editor.txt.html() 獲取 html。
需要注意的是:從編輯器中獲取的 html 代碼是不包含任何樣式的純 html , 如果顯示的時候需要對其中的 <table> <code> <blockquote> 等標簽進行自定義樣式(這樣既可實現(xiàn)多皮膚功能) , 下面提供了編輯器中使用的樣式供參考 。
/* table 樣式 */table {border-top: 1px solid #ccc;border-left: 1px solid #ccc;}table td,table th {border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;padding: 3px 5px;}table th {border-bottom: 2px solid #ccc;text-align: center;}/* blockquote 樣式 */blockquote {display: block;border-left: 8px solid #d0e5f2;padding: 5px 10px;margin: 10px 0;line-height: 1.4;font-size: 100%;background-color: #f1f1f1;}/* code 樣式 */code {display: inline-block;*display: inline;*zoom: 1;background-color: #f1f1f1;border-radius: 3px;padding: 3px 5px;margin: 0 3px;}pre code {display: block;}/* ul ol 樣式 */ul, ol {margin: 10px 0 10px 20px;}覺得效果不錯的請幫忙加個關(guān)注點個贊 , 每天分享前端實用開發(fā)技巧
以上關(guān)于本文的內(nèi)容,僅作參考!溫馨提示:如遇健康、疾病相關(guān)的問題,請您及時就醫(yī)或請專業(yè)人士給予相關(guān)指導(dǎo)!
「愛刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容,希望對您有所幫助:- 模特李喬丹老公李碩是誰-網(wǎng)曝李碩系太原富二代
- 含鐵的食物有哪些含鐵豐富的食物大全
- 早中晚什么時候喝牛奶好
- vim命令文本編輯器詳解 vim下一頁
- 燉魚放啤酒好吃嗎
- 煎魚多久能熟
- 2020年福布斯中國富豪排行榜 中國首富排行榜
- 夢見富人區(qū)_周公解夢夢到富人區(qū)是什么意思_做夢夢見富人區(qū)好不好
- kaz是哪個國家的縮寫 aze是哪個國家的縮寫
- 女生寢室群名沙雕 女生寢室群名
