atEditor

介绍

atEditor —— 基于wangEditor。

• 官网：www.wangEditor.com
• 文档：www.kancloud.cn/wangfupeng/wangeditor3/332599
• 源码：github.com/wangfupeng1988/wangEditor （欢迎 star）

查看 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.wangEditor
var editor = new E('#div1')
editor.create()

运行 demo

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

与wangEditor差异

增加 developer 功能 ,可以给当前选择的元素修改 属性, 在编辑器开始福分插入js代码 和 css 代码

给当前元素加DOM属性

[
  {
    "attrName": "style",
    "attrValue": "font-weight: bold;"
  },{
  "attrName": "id",
  "attrValue": "main"
  }
]

修改页面脚本

(function(){
  //输入代码 页面事件
  
}())

修改页面样式

/* 直接写选择器选元素，加样式 */
body{
    background:#f00
}

增加 mode 可选菜单 直接修改代码功能，点击code可以修改，可以直接粘贴html代码片段进来