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


Posted in Javascript onOctober 23, 2020

目的: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 id="editorElem" style="text-align:left"></div>

<button v-on:click="getContent">查看内容</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的操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JS 用6N±1法求素数 实例教程
Oct 20 Javascript
JavaScript中出现乱码的处理心得
Dec 24 Javascript
jQuery中filter()和find()的区别深入了解
Sep 25 Javascript
js字母大小写转换实现方法总结
Nov 13 Javascript
JQuery中阻止事件冒泡几种方式及其区别介绍
Jan 15 Javascript
JavaScript实现99乘法表及隔行变色实例代码
Feb 24 Javascript
浅谈JS中的三种字符串连接方式及其性能比较
Sep 02 Javascript
Bootstrap中点击按钮后变灰并显示加载中实例代码
Sep 23 Javascript
JS设置CSS样式的方式汇总
Jan 21 Javascript
Vue项目中配置pug解析支持
May 10 Javascript
js 将线性数据转为树形的示例代码
May 28 Javascript
vue父子模板传值问题解决方法案例分析
Feb 26 Javascript
jquery实现异步文件上传ajaxfileupload.js
Oct 23 #jQuery
vue项目配置同一局域网可使用ip访问的操作
Oct 23 #Javascript
Vue表单提交点击事件只允许点击一次的实例
Oct 23 #Javascript
利用PHP实现递归删除链表元素的方法示例
Oct 23 #Javascript
如何在面试中手写出javascript节流和防抖函数
Oct 22 #Javascript
如何通过Proxy实现JSBridge模块化封装
Oct 22 #Javascript
微信小程序canvas动态时钟
Oct 22 #Javascript
You might like
PHP无限分类(树形类)的深入分析
2013/06/02 PHP
浅析php与数据库代码开发规范
2013/08/08 PHP
php json与xml序列化/反序列化
2013/10/28 PHP
PHP+MySQL实现的简单投票系统实例
2016/02/24 PHP
php使用curl通过代理获取数据的实现方法
2016/05/16 PHP
PHP实现在windows下配置sendmail并通过mail()函数发送邮件的方法
2017/06/20 PHP
用js实现小球的自由移动代码
2013/04/22 Javascript
jQuery中addClass()方法用法实例
2015/01/05 Javascript
jQuery中hasClass()方法用法实例
2015/01/06 Javascript
jQuery实现只允许输入数字和小数点的方法
2016/03/02 Javascript
jQuery实现TAB选项卡切换特效简单演示
2016/03/04 Javascript
asp.net+jquery.form实现图片异步上传的方法(附jquery.form.js下载)
2016/05/05 Javascript
Angular.js中ng-if、ng-show和ng-hide的区别介绍
2017/01/20 Javascript
浅谈Vue.js
2017/03/02 Javascript
微信小程序实现动态设置placeholder提示文字及按钮选中/取消状态的方法
2017/12/14 Javascript
详解vue几种主动刷新的方法总结
2019/02/19 Javascript
node.js使用mongoose操作数据库实现购物车的增、删、改、查功能示例
2019/12/23 Javascript
vue3+typeScript穿梭框的实现示例
2020/12/29 Vue.js
[03:05]《我与DAC》之xiao8:DAC与BG
2018/03/27 DOTA
python之import机制详解
2014/07/03 Python
python进阶教程之循环相关函数range、enumerate、zip
2014/08/30 Python
Python heapq使用详解及实例代码
2017/01/25 Python
Python实现在某个数组中查找一个值的算法示例
2018/06/27 Python
如何用Matlab和Python读取Netcdf文件
2021/02/19 Python
浅谈HTML5 FileReader分布读取文件以及其方法简介
2017/11/09 HTML / CSS
中职生自荐信
2013/10/13 职场文书
学生干部的自我评价分享
2014/01/18 职场文书
2014自主招生自荐信策略
2014/01/27 职场文书
《雨霖铃》教学反思
2014/02/22 职场文书
小学标准化建设汇报材料
2014/08/16 职场文书
庆六一活动总结
2014/08/29 职场文书
拾金不昧感谢信范文
2015/01/21 职场文书
辞职信范文大全
2015/03/02 职场文书
mysql 8.0.24 安装配置方法图文教程
2021/05/12 MySQL
JavaScript 定时器详情
2021/11/11 Javascript
Python使用Web框架Flask开发项目
2022/06/01 Python