ZUI前端框架发布1.9.1 版本，大幅优化 Kindeditor 交互体验
轉貼：
zui官網
6035次查看
本篇目錄
大家好，ZUI前端框架发布1.9.1 版本，本次更新大幅优化 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：
- 修复 在 height 设置为 page 时鼠标无法滚动的问题（ BUG #28）；
- 表單：
- 优化 了 <select> 在 macOS 系统上强制拥有圆角外观的问题；
- 對話框（modal）：
- 修复 了极端情况下浏览器控制台出现 e.preventDefault is undefined 错误。
效果展示
下載安裝
- v 1.9.1 生产包
- v 1.9.1 源码
産品動態
