小程式使用editor元件富文字編輯

2021-10-10 09:34:38 字數 3211 閱讀 3470

1.效果圖

2.提交列印

3.上**

檔案目錄

assets檔案

4.i標籤要去找哦,目前只寫了一部分

class

="*******"

catchtouchend

="format"

>

class

="iconfont icon-charutupian"

catchtouchend

="insertimage"

>

i>

class

="iconfont icon-format-header-2 }"

data-name

="header"

data-value

="}"

>

i>

class

="iconfont icon-format-header-3 }"

data-name

="header"

data-value

="}"

>

i>

class

="iconfont icon-zitijiacu }"

data-name

="bold"

>

i>

class

="iconfont icon-zitixieti }"

data-name

="italic"

>

i>

class

="iconfont icon-zitixiahuaxian }"

data-name

="underline"

>

i>

class

="iconfont icon--checklist"

data-name

="list"

data-value

="check"

>

i>

class

="iconfont icon-youxupailie }"

data-name

="list"

data-value

="ordered"

>

i>

class

="iconfont icon-wuxupailie }"

data-name

="list"

data-value

="bullet"

>

i>

view

>

class

="contaner"

>

"editor"

class

="ql-container"

value

='}'

placeholder

="}"

bindstatuschange

="onstatuschange"

bindblur

='goplay'

bindready

="oneditorready"

>

editor

>

view

>

bindtap

="sublimt"

class

="submit"

>

提交view

>

page(,

readonly:

false

, placeholder:

'開始輸入...'

原生微信小程式使用wxParse解析富文字

1.先在 js 檔案中引入 import wxparse from wxparse wxparse.js 寫相對路徑 2.獲取到 html 字串後隨便賦個值 let str 即為 獲取到的html字串 str為自定義名字 3.使用 wxparse 解碼字串 wxparse.wxparse str h...

小程式富文字解析

吼吼吼 又要開始一篇新的記錄了。關於小程式解析富文字 今天碰到這個問題,所幸解決了。記錄一下 首先需要用到 wxparse 這個外掛程式 在對應需要用到的頁面引入wxparse const wxparse require wxparse wxparse.js 然後呼叫方法 data就是富文字裡面的內...

wangEditor 小程式展示富文字

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