❤
npm
Sign UpSign In

wangeditorForReact

2.1.22 • Public • Published

1. 介绍

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

2. 下载

  • 点击 https://github.com/wangfupeng1988/wangEditor/releases 下载最新版
  • 使用git下载： git clone https://github.com/wangfupeng1988/wangEditor.git
  • 使用npm下载: npm install wangeditor （注意 wangeditor 全部是小写字母）
  • 使用bower下载：bower install wangEditor （前提保证电脑已安装了bower）

3. 使用

引用wangEditor.css、jquery.js和wangEditor.js之后，即可简单生成富文本编辑器，简单易用。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>wangEditor</title>
    <link rel="stylesheet" type="text/css" href="../dist/css/wangEditor.min.css">
    <style type="text/css">
        #div1 {
            width: 100%;
            height: 500px;
        }
    </style> 
</head>
<body>
    <div id="div1">
        <p>请输入内容...</p>
    </div>
 
    <script type="text/javascript" src="../dist/js/lib/jquery-1.10.2.min.js"></script> 
    <script type="text/javascript" src="../dist/js/wangEditor.min.js"></script> 
    <script type="text/javascript">
        $(function () {
            var editor = new wangEditor('div1');
            editor.create();
        });
    </script> 
</body>
</html>

更多配置，可参见官网的文档页面：http://www.kancloud.cn/wangfupeng/wangeditor2/113961

4. 本地运行demo

  • 确定本机安装了 nodejs，可使用 node -v 验证
  • 下载源码、解压，或者 git clone https://github.com/wangfupeng1988/wangEditor.git 。注意，windows系统必须下载到C盘运行
  • 进入源码目录，找到 server.js 命令行中运行 node server.js
  • 打开浏览器访问 http://localhost:8011/test/index.html

5. 交流

交流QQ群：164999061

Readme

Keywords

Package Sidebar

Install

npm i wangeditorForReact

Repository

github.com/wangfupeng1988/wangEditor

Homepage

wangeditor.github.io/

Weekly Downloads

0

Version

2.1.22

License

none

Last publish

Collaborators

  • zjfjiayou
Try on RunKit
Report malware