在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 相关文章推荐
javascript 读取xml,写入xml 实现代码
Jul 10 Javascript
网站页面自动跳转实现方法PHP、JSP(上)
Aug 01 Javascript
js中判断文本框是否为空的两种方法
Jul 31 Javascript
jQuery点击弹出下拉菜单的小例子
Aug 01 Javascript
JavaScript实现单击下拉框选择直接跳转页面的方法
Jul 02 Javascript
javascript+HTML5 Canvas绘制转盘抽奖
May 16 Javascript
JS实现隐藏同级元素后只显示JS文件内容的方法
Sep 04 Javascript
JS 判断某变量是否为某数组中的一个值的3种方法(总结)
Jul 10 Javascript
Vue.js中extend选项和delimiters选项的比较
Jul 17 Javascript
Three.js开发实现3D地图的实践过程总结
Nov 20 Javascript
vue实现倒计时获取验证码效果
Apr 17 Javascript
使用kbone解决Vue项目同时支持小程序问题
Nov 08 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使用curl检测网页是否被百度收录的示例分享
2014/01/31 PHP
Prototype 学习 工具函数学习($A方法)
2009/07/12 Javascript
javascript 面向对象 function类
2010/05/13 Javascript
JavaScript对象和字串之间的转换实例探讨
2013/04/21 Javascript
JQuery中上下文选择器实现方法
2015/05/18 Javascript
Jquery easyui开启行编辑模式增删改操作
2016/01/14 Javascript
基于JavaScript实现全屏透明遮罩div层锁屏效果
2016/01/26 Javascript
浅谈Nodejs应用主文件index.js
2016/08/28 NodeJs
微信js-sdk分享功能接口常用逻辑封装示例
2016/10/13 Javascript
vue-cli配置文件——config篇
2018/01/04 Javascript
实时监控input框,实现输入框与下拉框联动的实例
2018/01/23 Javascript
详解解决Vue相同路由参数不同不会刷新的问题
2018/10/12 Javascript
webstorm中配置Eslint的两种方式及差异比较详解
2018/10/19 Javascript
基于jQuery实现可编辑的表格
2019/12/11 jQuery
js实现踩五彩块游戏
2020/02/08 Javascript
js实现页面图片消除效果
2020/03/24 Javascript
[56:45]DOTA2上海特级锦标赛D组小组赛#1 EG VS COL第一局
2016/02/28 DOTA
[01:00:10]完美世界DOTA2联赛PWL S2 FTD vs Inki 第二场 11.21
2020/11/24 DOTA
使用C语言来扩展Python程序和Zope服务器的教程
2015/04/14 Python
python获取当前用户的主目录路径方法(推荐)
2017/01/12 Python
Python实现返回数组中第i小元素的方法示例
2017/12/04 Python
PHP实现发送和接收JSON请求
2018/06/07 Python
python语音识别实践之百度语音API
2018/08/30 Python
Python 、Pycharm、Anaconda三者的区别与联系、安装过程及注意事项
2019/10/11 Python
python使用正则表达式去除中文文本多余空格,保留英文之间空格方法详解
2020/02/11 Python
HTML5 canvas基本绘图之绘制阴影效果
2016/06/27 HTML / CSS
美国职棒大联盟官方网上商店:MLBShop.com
2017/11/12 全球购物
俄罗斯珠宝市场的领导者之一:Бронницкий ювелир
2019/10/02 全球购物
事业单位辞职信范文
2014/01/19 职场文书
合作意向书模板
2014/03/31 职场文书
领导干部个人整改措施落实情况汇报
2014/10/29 职场文书
物业工程部经理岗位职责
2015/04/09 职场文书
2016大学生社会实践心得体会范文
2016/01/14 职场文书
《分数乘法》教学反思
2016/02/24 职场文书
作文之亲情600字
2019/09/23 职场文书
opencv用VS2013调试时用Image Watch插件查看图片
2021/07/26 Python