在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与下拉列表处理问题解决
Feb 13 Javascript
jquery中交替点击事件的实现代码
Feb 14 Javascript
JS动态添加iframe的代码
Sep 14 Javascript
javascript多物体运动实现方法分析
Jan 08 Javascript
JS使用eval()动态创建变量的方法
Jun 03 Javascript
JS 对java返回的json格式的数据处理方法
Dec 05 Javascript
EditPlus中的正则表达式 实战(4)
Dec 15 Javascript
jQuery+CSS实现的table表格行列转置功能示例
Jan 08 jQuery
JavaScript设计模式之命令模式实例分析
Jan 16 Javascript
微信小程序官方动态自定义底部tabBar的例子
Sep 04 Javascript
关于vue属性使用和不使用冒号的区别说明
Oct 22 Javascript
利用javaScript处理常用事件详解
Apr 14 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
有关JSON以及JSON在PHP中的应用
2010/04/09 PHP
PHP实现根据银行卡号判断银行
2015/04/29 PHP
php上传excel表格并获取数据
2017/04/27 PHP
jQuery的强大选择器小结
2009/12/27 Javascript
jQuery dialog 异步调用ashx,webservice数据的代码
2010/08/03 Javascript
基于JQuery的Select选择框的华丽变身
2011/08/23 Javascript
js防止表单重复提交实现代码
2012/09/05 Javascript
js实现window.open不被拦截的解决方法汇总
2014/10/30 Javascript
jquery实现无限分级横向导航菜单的方法
2015/03/12 Javascript
jquery插件unobtrusive实现片段式加载
2015/06/15 Javascript
bootstrap和jQuery.Gantt的css冲突 如何解决
2016/05/29 Javascript
JS实现表单多文件上传样式美化支持选中文件后删除相关项
2016/09/30 Javascript
如何理解jQuery中的ajaxSubmit方法
2017/03/13 Javascript
bootstrap弹出层的多种触发方式
2017/05/10 Javascript
AngularJS select设置默认值的实现方法
2017/08/25 Javascript
Vue中的混入的使用(vue mixins)
2018/06/01 Javascript
利用js将ajax获取到的后台数据动态加载至网页中的方法
2018/08/08 Javascript
记一次react前端项目打包优化的方法
2020/03/30 Javascript
Linux下使用python调用top命令获得CPU利用率
2015/03/10 Python
Python使用pylab库实现画线功能的方法详解
2017/06/08 Python
python中将函数赋值给变量时需要注意的一些问题
2017/08/18 Python
使用Python制作简单的小程序IP查看器功能
2019/04/16 Python
python实现通过队列完成进程间的多任务功能示例
2019/10/28 Python
Python破解BiliBili滑块验证码的思路详解(完美避开人机识别)
2020/02/17 Python
Python标准库shutil模块使用方法解析
2020/03/10 Python
Django分组聚合查询实例分享
2020/04/29 Python
python3+openCV 获取图片中文本区域的最小外接矩形实例
2020/06/02 Python
Anaconda的安装与虚拟环境建立
2020/11/18 Python
css3+jq创作含苞待放的荷花
2014/02/20 HTML / CSS
使用HTML5在网页中嵌入音频和视频播放的基本方法
2016/02/22 HTML / CSS
C/C++程序员常见面试题二
2015/11/19 面试题
节约电力资源的建议书
2014/03/12 职场文书
聚美优品的广告词
2014/03/14 职场文书
大学生创业计划书
2014/08/14 职场文书
通知函格式范文
2015/04/27 职场文书
导游词之广西漓江
2019/11/02 职场文书