提交 e9c2b298 编写于 作者: C Catouse

+ add less for ueditor and update document.

上级 dd5c17df
......@@ -975,17 +975,18 @@
}],
"filter": ""
}, {
"id": "kindeditor",
"id": "htmleditor",
"icon": "icon-edit",
"desc": "使用Kineditor来编辑富文本",
"desc": "使用 Kineditor 或 UEditor 来编辑富文本",
"name": "富文本编辑器",
"update": "1.5.0",
"dpds": "kindeditor",
"topics": [{
"name": "默认模式"
"name": "UEditor"
}, {
"name": "简单模式"
"name": "Kindeitor"
}],
"filter": "fuwenbenbianjiqi fwbbjq"
"filter": "fuwenbenbianjiqi fwbbjq rich text"
}, {
"id": "color",
"icon": "icon-tint",
......
......@@ -7,11 +7,42 @@ filter: fuwenbenbianjiqi fwbbjq
# 富文本编辑器
ZUI 推荐的富文本编辑器是 [Kindeditor](http://kindeditor.net/)
ZUI 推荐两种富文本编辑器解决方案:UEditor 和 Kindeitor
在 ZUI 中 Kindeditor 的默认主题已经过定制与 ZUI 的风格保持一致
ZUI 专为 UEditor 和 Kindeitor 定制了与 ZUI 风格一致的主题
## 默认模式
## UEditor
### 使用 UEditor
因为 UEditor 用到的文件比较多,ZUI 并不提供 UEditor JavaScript 文件。你需要访问 UEditor 官方网站来下载相关资源,以下为 UEditor 相关资源网站:
- 官方定制:<a target="_blank" href="http://ueditor.baidu.com/website/download.html#ubuilder">http://ueditor.baidu.com/website/download.html#ubuilder</a>
- 官方下载:<a target="_blank" href="http://ueditor.baidu.com/website/download.html">http://ueditor.baidu.com/website/download.html</a>
- 官方文档:<a target="_blank" href="http://fex.baidu.com/ueditor/">http://fex.baidu.com/ueditor/</a>
- 项目地址:<a target="_blank" href="https://github.com/fex-team/ueditor">https://github.com/fex-team/ueditor</a>
### 使用 ZUI 为 UEditor 定制的主题
使用 ZUI 为 UEditor 定制的主题可以更改 UEditor 界面外观与 ZUI 风格保持一致。
你需要将 ZUI `dist/lib/ueditor/ueditor.css``dist/lib/ueditor/ueditor.min.css` 文件替换在 UEditor 的 `themes/default/css/` 目录下的 CSS 文件。
## Kindeitor
详细用法请访问 Kindeitor 官方网站:<a target="_blank" href="http://kindeditor.org/">http://kindeditor.org/</a>,项目地址:<a target="_blank" href="hhttps://github.com/kindsoft/kindeditor">hhttps://github.com/kindsoft/kindeditor</a>
### 使用 Kindeitor
Kindeitor 是作为独立组件,你手动引入 JavaScript 文件到你的页面。
```html
<script src="dist/lib/kindeditor/kindeditor.min.js"></script>
```
你不需要额外引入 CSS 文件,因为 Kindeitor 的主题样式文件是通过 JavaScript 加载的。
### 默认模式
<example>
<textarea id="content" name="content" class="form-control kindeditor" style="height:150px;">Hello, world!</textarea>
......@@ -29,7 +60,7 @@ KindEditor.create('textarea.kindeditor', {
});
```
## 简单模式
### 简单模式
自定义工具栏,禁用文件上传。
......
此差异已折叠。
......@@ -914,7 +914,7 @@
"require": ["jquery"]
},
"kindeditor": {
"name": "富文本编辑器",
"name": "Kindeditor",
"src": {
"less": ["~/modules/kindeditor.less"],
"js": ["assets/kindeditor/kindeditor-all.js"],
......@@ -929,6 +929,20 @@
"website": "http://kindeditor.net/",
"custom": ["ui"]
},
"ueditor": {
"name": "UEditor",
"src": {
"less": ["~/modules/ueditor.less"]
},
"ver": "1.5.0",
"dpds": ["basic"],
"pver": "1.4.3",
"license": "MIT",
"source": "Baidu",
"project": "https://github.com/fex-team/ueditor",
"website": "http://ueditor.baidu.com/",
"custom": ["ui"]
},
"chosen": {
"name": "选择器",
"src": {
......@@ -1238,7 +1252,7 @@
},
"seperate": {
"title": "Seperate bundles",
"bundles": ["jquery", "calendar", "kindeditor", "datetimepicker", "chosen", "chosenicons", "imgcutter", "datatable", "ieonly", "chart", "array", "hotkey", "board", "migrate1.2", "clipboard", "prettify", "sortable", "selectable", "colorpicker", "colorset.js", "imgready", "dashboard", "bootbox"]
"bundles": ["jquery", "calendar", "kindeditor", "datetimepicker", "chosen", "chosenicons", "imgcutter", "datatable", "ieonly", "chart", "array", "hotkey", "board", "migrate1.2", "clipboard", "prettify", "sortable", "selectable", "colorpicker", "colorset.js", "imgready", "dashboard", "bootbox", "ueditor"]
},
"dist": {
"title": "Dist bundles",
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册