久久r热视频,国产午夜精品一区二区三区视频,亚洲精品自拍偷拍,欧美日韩精品二区

您的位置:首頁技術(shù)文章
文章詳情頁

在vue中獲取wangeditor的html和text的操作

瀏覽:125日期:2022-11-14 08:12:33

目的:vue 中獲取 wangeditor 的 html 和 text。

在vue中獲取wangeditor的html和text的操作

補充知識:vue-cli webpack 引入 wangeditor(輕量級富文本框)

1:使用npm下載:

//(注意 wangeditor 全部是小寫字母)

npm install wangeditor

2: 直接在項目模板中引用

import E from ’wangeditor’

3:HTML

<div style='text-align:left'></div>

<button v-on:click='getContent'>查看內(nèi)容</button>

4:js代碼

export default { name: ’editor’, data () { return { editorContent: ’’ } }, methods: { getContent: function () { alert(this.editorContent) } }, mounted() { var editor = new E(’#editorElem’) editor.customConfig.onchange = (html) => { this.editorContent = html } editor.create() } }

5:哈哈 然后就搞定啦 附錄 原作者github 地址

https://github.com/wangfupeng1988/wangEditor/blob/master/README.md

以上這篇在vue中獲取wangeditor的html和text的操作就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持好吧啦網(wǎng)。

標簽: Vue
相關(guān)文章:
主站蜘蛛池模板: 建昌县| 崇州市| 高平市| 绥芬河市| 凉城县| 道孚县| 崇仁县| 萨迦县| 读书| 云浮市| 神农架林区| 得荣县| 宜宾市| 苏尼特左旗| 乐清市| 祥云县| 吉安市| 扶风县| 舒城县| 大足县| 锡林浩特市| 西林县| 滦平县| 开平市| 米泉市| 齐齐哈尔市| 内黄县| 金阳县| 电白县| 河南省| 高州市| 横峰县| 淮北市| 南靖县| 邳州市| 乌拉特前旗| 磴口县| 蒙山县| 元阳县| 滨海县| 盐源县|