ZUI 前端框架發布 1.9.1 版本,大幅優化 Kindeditor 交互體驗

←手機掃碼閱讀     admin @ 2019-05-11 , reply:0

ZUI框架是一款開源的HTML5跨屏框架,是禪道項目管理軟體團隊在完善自己產品過程中形成的一個開源前端實踐方案。一個基於 Bootstrap 深度定製開源前端實踐方案,能幫助你快速構建現代跨屏應用。

ZUI官網:http://zui.sexy

大家好,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);

    • 表單:

      • 優化 了 

    • 對話框(modal):

      • 修復 了極端情況下瀏覽器控制台出現 e.preventDefault is undefined 錯誤。

    效果展示

    zui前端框架

    下載安裝





    [admin ]

    來源:OsChina
    連結:https://www.oschina.net/news/106592/zui-1-9-1-released
    ZUI 前端框架發布 1.9.1 版本,大幅優化 Kindeditor 交互體驗已經有15次圍觀

    http://www.coctec.com/news/all/show-post-205243.html