v 1.9.1
[2019-05-10]
大幅优化 Kindeditor 交互体验,重做 Kindeditor 内表格功能。
更新明细
-
CSS 基础:
-
优化了 默认字体清单,调整了“微软雅黑”字体的权重,将其放置在字体清单的末尾,增加了 “思源黑体” 和 “思源宋体”;
-
-
富文本编辑器(Kindeditor):
-
重做 了表格编辑功能,包含如下关键特性:
-
重做 了工具栏图标,优化了插入表格交互体验,现在点击表格图标按钮,弹出行列选择面板,滑动鼠标选择要插入的表格行数和列数即可实现表格快速插入,插入表格后,光标会自动置于第一个单元格内;
-
新增 通过 Tab 键来在单元格中切换光标的功能,当光标已经处于表格中的最后一个单元格时会自动创建一个新行,并将光标移到新行的第一个单元格中;
-
新增 选择多个单元格功能,允许使用如下方式来进行多选操作:
-
点击每一行的第一个单元格左侧可以快速选择整行上的所有单元格;
-
点击每一列的第一个单元格上侧可以快速选择整列上的所有单元格;
-
在一个单元格上点击并按住拖动到另一个单元格,可以选中拖放矩形区域范围内所有单元格;
-
-
新增 对选中的多个单元格一并应用样式或进行操作的功能,目前支持如下操作:
-
对所有选中的单元格进行合并操作;
-
删除所有选中的单元格所在行或列;
-
对文本基础样式的操作,包括加粗、下划线、删除线、字体、文字颜色和背景色等;
-
对内容对齐方式的操作,包括居左、居中、局右等;
-
对内容类型的变更操作,包括切换列表类型等;
-
-
重做 了表格单元格样式设置对话框样式,新增了对单元格边框大小和文字颜色的设置;
-
优化 表格样式设置,现在边框和隔行变色等样式会直接应用在单元格上,而不是通过 CSS 类名,避免在 ZUI 基础样式缺失的情况下丢失样式;
-
优化 了右键菜单上的项目,当一些条目在特定情况下不可用时不会显示,例如当光标处于最后一行时不会出现“向下合并单元格”菜单项;
-
优化 了在表格中插入表格的交互,支持对嵌套表格进行编辑;
-
修复 了有时在单元格上点击鼠标右键,弹出的右键菜单上没有包含单元格相关菜单项的问题;
-
-
新增 通过
placeholder
选项为编辑器设置并显示没有内容时的占位提示文本; -
新增 通过
pasteImage
选项实现贴图自动上传功能; -
新增 通过
spellcheck
选项启用或禁用拼写检查功能; -
新增 通过
transferTab
选项禁用编辑器内 Tab 键插入空格功能,转而实现激活编辑器在页面上下一个表单控件; -
新增 通过
syncAfterBlur
选项实现自动在编辑器失去焦点时执行同步(sync()
)操作; -
新增 通过
simpleWrap
选项来优化源码格式化功能,当该选项为true
时,源码中当块级元素内容不会显示为新的行; -
优化 表格缩进样式,现在默认缩进 2 个空格,而不是 Tab;
-
优化 预览界面样式;
-
修复 了无法通过
themeType
选项指定主题样式表的问题;
-
-
Chosen:
-
新增
max_drop_width
选项,用于启用根据下拉菜单条目文字长度自动调整下拉菜单宽度的功能(STORY #220); -
新增
highlight_selected
选项,用于让下拉菜单上的选中项目永远有高亮效果,并且与鼠标悬停时的效果进行区分(STORY #217);
-
-
数据表格2:
-
表单:
-
优化 了
<select>
在 macOS 系统上强制拥有圆角外观的问题;
-
-
对话框(
modal
):-
修复 了极端情况下浏览器控制台出现
e.preventDefault is undefined
错误。
-
zui框架是什么?
zui是禅道项目管理软件团队在完善自己产品过程中形成的一个开源前端实践方案,帮助你快速构现代跨屏应用。它的特点如下:
> 简单美观,易于使用,快速构建简洁大方的现代web应用。
> 新颖健壮,采用HTML5且支持所有流行的移动及桌面浏览器平台,一些旧的浏览器也能够降级支持。
> 轻快独立稳定,佳的可用性能,大限度的不依赖于外部组件。
> 全平台响应,一次编写,响应任何尺寸的设备。
> 比较适合中文环境
> 简单美观,易于使用,快速构建简洁大方的现代web应用。
> 新颖健壮,采用HTML5且支持所有流行的移动及桌面浏览器平台,一些旧的浏览器也能够降级支持。
> 轻快独立稳定,佳的可用性能,大限度的不依赖于外部组件。
> 全平台响应,一次编写,响应任何尺寸的设备。
> 比较适合中文环境
我们为什么来做zui框架?
zui框架并不是我们完全从头到尾自己写出来的。我们也是在使用bootstrap, yui这些框架中结合我们自己产品的应用场景,逐渐积累形成的。现在成熟的当推bootstrap了。但是bootstrap的版本跨度比较大,也有很多功能是我们不需要的,再加上它还是比较适合英文场景的布局。所以我们才决定自己来写zui框架。在写这个框架过程中,我们结合了很多具体的应用场景,比 如大量数据展示、比如手机端响应式布局等,做了很多非常有针对性的改进。终形成了zui框架。
与Bootstrap的关系
ZUI继承了Bootstrap 3中的大部分基础内容,但出于与Bootstrap不同的目的大部分内容都进行了定制和修改。这些变化包括:
与Bootstrap的关系
ZUI继承了Bootstrap 3中的大部分基础内容,但出于与Bootstrap不同的目的大部分内容都进行了定制和修改。这些变化包括:
-
移除了部分插件的限制,增加了一些适用特性,例如Popover弹出的内容可以指定已有的标签内容,Modal对话框可以自动使用iframe弹出整个页面内容等;
-
增加了实用的视图组件,包括卡片、评论、列表、文章、仪表盘、看板等;
-
新增了几个Javascript组件,包括拖放、排序、灯箱预览,本地存储,图片裁剪等;
-
集成了一些实用的第三方组件,包括cookie、hotkey、chosen、Kindeditor、ChartJs、DatetimePicker等,并且这些组件样式经过重写,风格更为统一;
-
增加了配色表和新的主题模板,少只需更改一个配置项更换颜色主题;
-
修改了默认字体配置,包含所使用的字体集和字体大小;
-
替换了默认的字体图标,在FontAwesome图标集的基础上去掉了一些图标同时增加了一些新的图标,写法上比FontAwesome更简单;
-
大部分组件的默认样式都不需要额外的指定包含'default'的Class,例如class='btn btn-default','btn-default'在ZUI中不需要;
-
增加了一些辅助类,例如文本背景及高亮等;
-
增加了一些可选样式,例如滚动条等。
选择使用ZUI
Bootstrap是非常优秀的前端框架,但在构建大型应用的开发时通常远远不够。如果Bootstrap能够完全满足你的项目,建议使用Bootstrap,如果你需要的更多,则建议使用ZUI。使用ZUI的显著理由如下:
Bootstrap是非常优秀的前端框架,但在构建大型应用的开发时通常远远不够。如果Bootstrap能够完全满足你的项目,建议使用Bootstrap,如果你需要的更多,则建议使用ZUI。使用ZUI的显著理由如下:
-
大部分书写方式继承Bootstrap,从Bootstrap方便迁移到ZUI,学习成本低,而且写法上更精简;
-
需要的实用功能都能在ZUI中提供,即使是第三方组件也提供统一的样式和主题支持;
-
即使ZUI包含的内容更丰富,也会控制核心内容打包后体积大小,一般css不超过150k(目前130k,精简版95k),js不超过100k(目前79k,精简版33k),精简版包含绝大部分功能,但体积更小。非核心内容按需加载,推荐自定义编译;
-
ZUI从实际项目中诞生(包括禅道、蝉知和然之),实践证明其有效性,一切为了快速构建你的应用;
-
一些令人激动的新内容正在开发中...