富文字(wangEditor框架)的使用教程

2021-08-19 08:24:07 字數 1012 閱讀 3517

富文字的使用教程(wangeditor框架

一,相信很多人用過很多富文字的框架,現在我向大家推薦乙個很實用的乙個富文字框架,具有豐富的功能項,容易使用。

所以本部落格介紹這個富文字編輯器的使用哈!覺得寫得不錯的請點讚哈,有建議歡迎提哈!^v^

·二,控制項展示效果

三,使用步驟

所需js  css包:

1

wangeditor.min.css

1

wangeditor.min.js

1,第一步就是引入js和css包了,必需的

1

2

<linkrel="stylesheet" type="text/css" href="/css/wangedit/wangeditor.min.css">

<scriptsrc="/js/wangedit/wangeditor.js">

2,初始化富文字框的js**

3,html**

<

div

id="introduce1"

style

="height:300px;"

>

div>

4,獲得文字框的內容方法

editor1.html();//得到內容
不足之處請給予指正謝謝♥

富文字框wangEditor

個人覺的官網文件寫的還是非常詳細的 的開發需要,畢竟我們開發中遇到的富文字框不需要像word或者wps功能這麼齊全.功能齊全的富文字框配置必然 個人專案中wangeditor富文字框的簡單配置 functioneditor editor.customconfig.lang editor.custom...

wangEditor 小程式展示富文字

1 需求 要在小程式中展示新手指引富文字,吃飽沒事做的後端拉著我要弄乙個pc端編輯富文字的頁面。3 實現 vue createwangeditor then res this editor.create 小程式展示元件 richtext.js components richtext richtext...

wangEditor富文字編輯器

今天看了下文件,記錄下。wangeditor開發文件 html 確定js內容 var e window.wangeditor var editor new e editorbox 例項化文字編輯器 1 上傳伺服器獲取網路鏈結 editor.customconfig.uploadfilename my...