Package Exports

wangeditor/dist/css/wangEditor.min.css
wangeditor/dist/js/wangEditor.js
wangeditor/dist/js/wangEditor.min
wangeditor/dist/js/wangEditor.min.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (wangeditor) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

1. 介绍

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

软件官网：wangEditor.github.io
demo演示：wangEditor.github.io
文档：http://www.kancloud.cn/wangfupeng/wangeditor2/113961

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