Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

CodeWorkerCoding/wangEditor

Open more actions menu
 
 

Repository files navigation

  1. 介绍 ===

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

  1. 使用 ===

引用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

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

About

wangEditor —— 轻量级web富文本框

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 67.5%
  • HTML 19.5%
  • CSS 13.0%
Morty Proxy This is a proxified and sanitized view of the page, visit original site.