Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
zzx_123123
zui
提交
e9c2b298
Z
zui
项目概览
zzx_123123
/
zui
与 Fork 源项目一致
Fork自
易企天创 / zui
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
Z
zui
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
e9c2b298
编写于
9月 02, 2016
作者:
C
Catouse
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
+ add less for ueditor and update document.
上级
dd5c17df
变更
4
展开全部
隐藏空白更改
内联
并排
Showing
4 changed file
with
1922 addition
and
11 deletion
+1922
-11
docs/index.json
docs/index.json
+6
-5
docs/part/javascript-htmleditor.md
docs/part/javascript-htmleditor.md
+35
-4
src/less/modules/ueditor.less
src/less/modules/ueditor.less
+1865
-0
zui.json
zui.json
+16
-2
未找到文件。
docs/index.json
浏览文件 @
e9c2b298
...
...
@@ -975,17 +975,18 @@
}],
"filter"
:
""
},
{
"id"
:
"
kind
editor"
,
"id"
:
"
html
editor"
,
"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"
,
...
...
docs/part/javascript-
kind
editor.md
→
docs/part/javascript-
html
editor.md
浏览文件 @
e9c2b298
...
...
@@ -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', {
});
```
## 简单模式
##
#
简单模式
自定义工具栏,禁用文件上传。
...
...
src/less/modules/ueditor.less
0 → 100644
浏览文件 @
e9c2b298
此差异已折叠。
点击以展开。
zui.json
浏览文件 @
e9c2b298
...
...
@@ -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.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录