在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 相关文章推荐
jquery select下拉框操作的一些说明
Apr 02 Javascript
Jquery 切换不同图片示例代码
Dec 05 Javascript
JavaScript bold方法入门实例(把指定文字显示为粗体)
Oct 17 Javascript
JS实现图片延迟加载并淡入淡出效果的简单方法
Aug 25 Javascript
AngularJS 表达式详解及实例代码
Sep 14 Javascript
基于jquery实现多级菜单效果
Jul 25 jQuery
jquery动态赋值id与动态取id方法示例
Aug 21 jQuery
p5.js实现斐波那契螺旋的示例代码
Mar 22 Javascript
vue.js与element-ui实现菜单树形结构的解决方法
Apr 21 Javascript
快速解决bootstrap下拉菜单无法隐藏的问题
Aug 10 Javascript
Vertx基于EventBus发送接受自定义对象
Nov 16 Javascript
js观察者模式的弹幕案例
Nov 23 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文本操作类
2006/11/25 PHP
相对路径转化成绝对路径
2007/04/10 PHP
php将时间差转换为字符串提示
2011/09/07 PHP
php分页代码学习示例分享
2014/02/20 PHP
PHP中模拟链表和链表的基本操作示例
2016/02/27 PHP
用jquery模仿的a的title属性(兼容ie6/7)
2013/01/21 Javascript
jQuery 1.9移除了$.browser可以使用$.support来替代
2014/09/03 Javascript
JS 获取鼠标左右键的键值方法
2014/10/11 Javascript
node.js中的fs.close方法使用说明
2014/12/17 Javascript
JS获取各种宽度、高度的简单介绍
2014/12/19 Javascript
浅谈jQuery.easyui的datebox格式化时间
2015/06/25 Javascript
JS操作COOKIE实现备忘记录的方法
2016/04/01 Javascript
浅谈js多维数组和hash数组定义和使用
2016/07/27 Javascript
详解微信小程序 页面跳转 传递参数
2016/12/08 Javascript
jQuery初级教程之网站品牌列表效果
2017/08/02 jQuery
Angular实现可删除并计算总金额的购物车功能示例
2017/12/26 Javascript
vue better-scroll插件使用详解
2018/01/25 Javascript
js删除数组中某几项的方法总结
2019/01/16 Javascript
JavaScript实现的九种排序算法
2019/03/04 Javascript
使用Vue.js 和Chart.js制作绚丽多彩的图表
2019/06/15 Javascript
浅析Angular 实现一个repeat指令的方法
2019/07/21 Javascript
vue中监听返回键问题
2019/08/28 Javascript
使用Python的urllib和urllib2模块制作爬虫的实例教程
2016/01/20 Python
Flask和Django框架中自定义模型类的表名、父类相关问题分析
2018/07/19 Python
python 实现图片上传接口开发 并生成可以访问的图片url
2019/12/18 Python
Python pip配置国内源的方法
2020/02/14 Python
Python中猜拳游戏与猜筛子游戏的实现方法
2020/09/04 Python
Python数据模型与Python对象模型的相关总结
2021/01/26 Python
用HTML5中的Canvas结合公式绘制粒子运动的教程
2015/05/08 HTML / CSS
cf战队收人广告词
2014/03/14 职场文书
成绩单公证书
2014/04/10 职场文书
项目建议书怎么写
2014/05/15 职场文书
租房安全协议书
2014/08/20 职场文书
单位委托函范文
2015/01/29 职场文书
公司财务人员岗位职责
2015/04/14 职场文书
个人工作失误的保证书怎么写?
2019/06/21 职场文书