在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脚本控制asp.net下treeview的NodeCheck的实现代码
Mar 02 Javascript
JQuery验证工具类搜集整理
Jan 16 Javascript
jQuery插件实现屏蔽单个元素使用户无法点击
Apr 12 Javascript
jQuery函数的第二个参数获取指定上下文中的DOM元素
May 19 Javascript
jQuery中click事件的定义和用法
Dec 20 Javascript
JavaScript实现的一个倒计时的类
Mar 12 Javascript
JavaScript的jQuery库中ready方法的学习教程
Aug 14 Javascript
JS实时弹出新消息提示框并有提示音响起的实现代码
Apr 20 Javascript
request请求获取参数的实现方法(post和get两种方式)
Sep 27 Javascript
深入理解jquery中extend的实现
Dec 22 Javascript
Vue 项目部署到服务器的问题解决方法
Dec 05 Javascript
JavaScript面向对象编程小游戏---贪吃蛇代码实例
May 15 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/11/07 PHP
php写入数据到CSV文件的方法
2015/03/14 PHP
PHP在同一域名下两个不同的项目做独立登录机制详解
2017/09/22 PHP
PHP开发之用微信远程遥控服务器
2018/01/25 PHP
PHP面向对象五大原则之依赖倒置原则(DIP)详解
2018/04/08 PHP
laravel5.1 ajax post 传值_token示例
2019/10/24 PHP
js点击事件链接的问题解决
2014/04/25 Javascript
QQ空间顶部折页撕开效果示例代码
2014/06/15 Javascript
jQuery幻灯片特效代码分享--鼠标滑过按钮时切换(2)
2020/11/18 Javascript
浅谈JavaScript 浏览器对象
2016/06/03 Javascript
BootstrapTable+KnockoutJS自定义T4模板快速生成增删改查页面
2016/08/01 Javascript
jquery.tableSort.js表格排序插件使用方法详解
2020/08/12 Javascript
NodeJS配置HTTPS服务实例分享
2017/02/19 NodeJs
原生JS+Canvas实现五子棋游戏实例
2017/06/19 Javascript
EasyUI创建人员树的实例代码
2017/09/15 Javascript
nodejs实现爬取网站图片功能
2017/12/14 NodeJs
解决vue项目使用font-awesome,build后路径的问题
2018/09/01 Javascript
JS基于Location实现访问Url、重定向及刷新页面的方法分析
2018/12/03 Javascript
Node.js HTTP服务器中的文件、图片上传的方法
2019/09/23 Javascript
python转换摩斯密码示例
2014/02/16 Python
基于进程内通讯的python聊天室实现方法
2015/06/28 Python
Python如何为图片添加水印
2016/11/25 Python
python实现报表自动化详解
2017/11/16 Python
python使用opencv驱动摄像头的方法
2018/08/03 Python
python实现贪吃蛇小游戏
2020/03/21 Python
python生成器/yield协程/gevent写简单的图片下载器功能示例
2019/10/28 Python
Python操作注册表详细步骤介绍
2020/02/05 Python
浅谈django 模型类使用save()方法的好处与注意事项
2020/03/28 Python
俄罗斯连接商品和买家的在线平台:goods.ru
2020/11/30 全球购物
办公文员的工作岗位职责
2013/11/12 职场文书
2014年幼儿园元旦活动方案
2014/02/13 职场文书
专科生就业求职信
2014/06/22 职场文书
朋友聚会祝酒词
2015/08/10 职场文书
SpringBoot整合阿里云视频点播的过程详解
2021/12/06 Java/Android
Java服务调用RestTemplate与HttpClient的使用详解
2022/06/21 Java/Android
windows server2012 R2下安装PaddleOCR服务的的详细步骤
2022/09/23 Servers