介绍

wangEditor —— 轻量级 web 富文本编辑器，配置方便，使用简单。支持 IE10+ 浏览器。

官网：www.wangEditor.com
文档：www.kancloud.cn/wangfupeng/wangeditor3/332599
源码：github.com/wangfupeng1988/wangEditor

查看 v2 版本的代码和文档：https://github.com/wangfupeng1988/wangEditor/tree/v2

下载

直接下载：https://github.com/wangfupeng1988/wangEditor/releases
使用npm下载：npm install wangeditor (注意 wangeditor 全部是小写字母)
使用bower下载：bower install wangEditor (前提保证电脑已安装了bower)
使用CDN：//unpkg.com/wangeditor/release/wangEditor.min.js

使用

var E = window.wangEditorvar editor = new E('#div1')editor.create()

运行 demo

下载源码 git clone git@github.com:wangfupeng1988/wangEditor.git
安装或者升级最新版本 node(最低v6.x.x)
进入目录，安装依赖包 cd wangEditor && npm i
安装包完成之后，windows 用户运行npm run win-example，Mac 用户运行npm run example
打开浏览器访问localhost:3000/index.html
用于 React、vue 或者 angular 可查阅官方文档中其他章节中的相关介绍

简单的 demo

下载

点击 https://github.com/wangfupeng1988/wangEditor/releases 下载最新版。进入release文件夹下找到wangEditor.js或者wangEditor.min.js即可
使用CDN：//unpkg.com/wangeditor/release/wangEditor.min.js
使用bower下载：bower install wangEditor (前提保证电脑已安装了bower)

PS：支持npm安装，请参见后面的章节

制作 demo

编辑器效果如下。

代码示例如下。注意，以下代码中无需引用任何 CSS 文件！！！

 wangEditor demo

欢迎使用 wangEditor 富文本编辑器

如果想要自己控制编辑区域的高度、宽度等尺寸信息，参见官方文档中菜单与编辑区域分离。

项目地址

https://github.com/wangfupeng1988/wangEditor

富文本_轻量级 web 富文本编辑器 —— wangEditor相关推荐

wangEditor - 轻量级web富文本编辑器（可带图片上传）
业务需求: 通过后台编辑文章和图片,上传到前端界面,展示新闻消息模块.这个时候,需要一款简洁的编辑器,百度编辑器是最常用的一种,但是功能太过于复杂,而wangEditor - 轻量级web富文本编辑器 ...
bootstrap 富文本_推荐六种富文本编辑神器
也许,你时常会遇到要开发基于Web的文本编辑器的情况.有时候,只需实现一个简约且轻量级的应用程序,不必有其他任何不必要的功能. 因此,总能找到一种工具,来创建符合用户需求和资金要求的在线文本编辑器.本 ...
python 读取鼠标选中文本_送书 | 选择文本的神技
" 欢迎关注[雷哥office],为了回馈粉丝,最近几个月每周都会有送书活动,想要书的朋友不要错过哦~本周第二弹福利, 详情见文末 " 1 使用鼠标 ⑴ 选中区域.将鼠标光标放在要 ...
layui获取select 文本_小程序富文本编辑器editor初体验
终于,微信在5月9号的v2.7.0版本中新增了 editor富文本编辑器组件,今天有时间了准备体验一下在5月6日的时候写了一篇小程序富文本解析的「伪需求」,从wxParse到towxml的坑,当时还 ...
轻量级web富文本框——wangEditor使用手册（2）——扩展一个“缩进”功能 demo
最新版wangEditor: 配置说明:http://www.wangeditor.com/doc.html demo演示:http://www.wangeditor.com/wangEditor/d ...
轻量级web富文本框——wangEditor使用手册（4）——配置下拉菜单 demo
最新版wangEditor: 配置说明:http://www.wangeditor.com/doc.html demo演示:http://www.wangeditor.com/wangEditor/d ...
前端 js 非控件使用标签打印机打印二维码和文本_青岛Web前端（HTML5）面试题分享...
HTML5是前端开发人员必须掌握的技能之一,那么在面试时,面试官常问到的HTML5的问题有哪些呢? 青岛HTML5 1.Doctype作用?严格模式与混杂模式如何区分?它们有何意义? 答:告知浏览器的 ...
css禁用选中文本_使用CSS禁用文本选择突出显示
css禁用选中文本 Introduction: 介绍: Texts are the most fundamental elements of any websites or web pages, th ...
f12获取网页文本_jmeter获取web页面文本内容的两种方式
介绍两种jmeter获取页面文本的方式,以我的博客主页为例,我想获取标题"风城烟雨"这几个字方式一:使用正则表达式提取器 1.在博客主页空白处鼠标右键查看页面源代码,在源代码中找 ...

富文本_轻量级 web 富文本编辑器 —— wangEditor

介绍

下载

使用

运行 demo

简单的 demo

项目地址

富文本_轻量级 web 富文本编辑器 —— wangEditor相关推荐

最新文章

热门文章