8000 GitHub - fuzw123/wangEditor: wangEditor —— 轻量级web富文本框
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

fuzw123/wangEditor

 
 

Repository files navigation

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.cssjquery.jswangEditor.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

About

wangEditor —— 轻量级web富文本框

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 85.3%
  • HTML 8.4%
  • CSS 6.3%
0