NIUCLOUD是一款SaaS管理后台框架多应用插件+云编译。上千名开发者、服务商正在积极拥抱开发者生态。欢迎开发者们免费入驻。一起助力发展! 广告
# xeditor > xEditor 是 Web 端富文本编辑器。目前暂不支持 React 和 Angular 。[在线预览](http://output.jsbin.com/qiqibif) [![xeditor](https://img.shields.io/npm/v/xeditor.svg?style=flat-square)](https://www.npmjs.org/package/xeditor)[![NPM downloads](http://img.shields.io/npm/dm/xeditor.svg?style=flat-square)](https://npmjs.org/package/xeditor)[![NPM downloads](https://img.shields.io/npm/dt/xeditor.svg?style=flat-square)](https://npmjs.org/package/xeditor) ## 兼容情况 | <img src="https://user-images.githubusercontent.com/1215767/34348387-a2e64588-ea4d-11e7-8267-a43365103afe.png" alt="Chrome" width="16px" height="16px" /> Chrome | <img src="https://user-images.githubusercontent.com/1215767/34348590-250b3ca2-ea4f-11e7-9efb-da953359321f.png" alt="IE" width="16px" height="16px" /> Internet Explorer | <img src="https://user-images.githubusercontent.com/1215767/34348380-93e77ae8-ea4d-11e7-8696-9a989ddbbbf5.png" alt="Edge" width="16px" height="16px" /> Edge | <img src="https://user-images.githubusercontent.com/1215767/34348394-a981f892-ea4d-11e7-9156-d128d58386b9.png" alt="Safari" width="16px" height="16px" /> Safari | <img src="https://user-images.githubusercontent.com/1215767/34348383-9e7ed492-ea4d-11e7-910c-03b39d52f496.png" alt="Firefox" width="16px" height="16px" /> Firefox | | :---------: | :---------: | :---------: | :---------: | :---------: | | Yes | +9 | Yes | Yes | Yes | ## 功能 - 拖拽上传 - ajax 图片上传 - base64 图片显示 - 扩展 class 名 - 多语言支持 ## 相关链接 - 文档地址: [https://www.kancloud.cn/iq9891/xeditor/500799](https://www.kancloud.cn/iq9891/xeditor/500799) - CDN - [unpkg](https://unpkg.com/xeditor) - [jsdelivr](https://cdn.jsdelivr.net/npm/xeditor@latest/dist/) - [各版本下载 https://github.com/iq9891/xEditor/releases](https://github.com/iq9891/xEditor/releases) - [vue-xeditor](https://github.com/iq9891/vue-xeditor) Vue.js 的封装 - [更新记录](https://github.com/iq9891/xEditor/blob/master/changelog.md) ## 使用 - html 代码 ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>xeditor</title> <script src="https://unpkg.com/xeditor"></script> </head> <body> <div id="xe" class="xe"></div> <script> var myEditor = new window.xEditor('#xe') myEditor.create(); </script> </body> </html> ``` ## 运行 demo - 下载源码 `https://github.com/iq9891/xEditor.git` - 安装或者升级最新版本 node(最低v4.x.x) - 进入目录,安装依赖包 cd xEditor && yarn install - 安装包完成之后,windows 用户运行 `npm run dev`,Mac 用户运行 `npm start` 。 - 打开浏览器 [http://localhost:7700/dist/index.html](http://localhost:7700/dist/index.html)