国产成人a-国产成人99久久亚洲综合精品-国产成人99精品免费视频麻豆-国产成人99精品免-国产成人91一区二区三区-国产成人91亚洲精品无码观看

在線 HTML 編輯器是內容管理系統的最核心功能之一,它采用與 Word 類似的可視化編輯方式,實現對文章內容的“所見即所得”的在線編輯效果。

對于編輯人員而言,“文章編輯頁面”是他們使用時間最長的地方,而在線編輯器作為“文章編輯頁面”的核心功能,其設計優劣將直接影響編輯人員的工作效率。

盡管市面上有許多開源的在線 HTML 編輯器(例如百度 UEditor),但如何讓編輯器更貼近用戶的操作習慣,仍然是產品設計中的一個挑戰。動易遵循業界普遍做法將百度 UEditor 整合進內容管理系統里。但動易不僅僅是簡單的整合,而是在此基礎上進行深度改進和優化,從而在功能和用戶體驗上有了質的飛躍,達到了“人無我有,人有我優”的效果。

亮點設計

重新整理和調整了工具欄上的按鈕位置和順序

百度 UEditor 的設計注重功能的完備性和廣泛適用性,提供了相當豐富的按鈕,但這些按鈕的位置和順序并無優化,甚至有些按鈕式多余的,導致編輯器工具欄占用了較多頁面空間。

我們對編輯中的每一個按鈕進行了認真評估,根據使用頻率調整了按鈕的位置和順序,將相近功能的按鈕進行了合并和分組(比如幾種對齊方式),將“插入圖片、視頻、音頻”等12+項與“插入”相關的按鈕統一移至“插入”按鈕的下拉菜單中,刪減了部分幾乎用不到的按鈕,以確保在各種分辨率下,最常用的功能按鈕能直接顯示出來,而無需展開工具欄。從而大幅改善了編輯器在低分辨率下的用戶體驗。

  • WebFuture 的 HTML 編輯器(工具欄默認狀態)
    百度默認的 HTML 編輯器
  • “插入”下拉菜單
  • 特定按鈕固定在工具欄右側
  • 點擊展開后按鈕顯示第二行

自動隱藏顯示工具欄上的按鈕

當屏幕分辨率較低時,工具欄上的按鈕如果無法全部顯示,會有一部分自動隱藏,用戶點擊展開后這些按鈕將顯示在第二行。同時,查找與替換、分頁、不常見字體提醒、全屏等特定按鈕則固定在工具欄右側,始終保持可見狀態。

提供多種模式,適配不同場景

百度 UEditor 默認處于“全功能模式”,這雖然提供了最豐富的功能,但在某些場景下并不適合使用(過多的功能反而會干擾用戶操作)。例如,在添加或修改節點描述時,使用一個簡潔的編輯器來支持 HTML 即可,無需像處理文章內容那樣需要全功能的 HTML 編輯器。

動易改進后的在線 HTML 編輯器根據不同功能模塊的需求,提供了標準、完整、簡潔、極簡、微信等多種模式,以適應不同的應用場景。

  • 標準模式
  • 完整模式
  • 簡潔模式
  • 極簡模式
  • 微信模式
  • 標準模式

    保留了完整的操作按鈕,但默認僅顯示一行常用按鈕(可根據分辨率自動調整),并可展開顯示所有按鈕,主要用于文章內容以外的表單字段的復雜 HTML 編輯。

  • 完整模式

    基于標準模式,增加了內容分頁和內容大綱(目錄)功能,主要用于文章內容編輯。

  • 簡潔模式

    僅保留常用操作按鈕,適用于只需簡單編輯 HTML 的表單字段(如節點描述)。

  • 極簡模式

    在簡潔模式基礎上進一步減少不常用按鈕。

  • 微信模式

    專為微信發布內容編輯設計,增加了調用第三方編輯工具的功能按鈕。

針對手機使用進行適配和優化

針對在手機上使用在線編輯器進行錄入的場景(如通過手機進行用戶投稿,或在后臺管理文章時進行文章錄入/編輯),進行了全面的適配和優化,確保在這些情況下也能提供良好的用戶體驗。標準、全功能、簡潔、極簡等每一種模式都具備相應的手機版本,以滿足不同模式下的移動端使用需求。

整合錯別字和敏感字檢查

系統支持錯別字和敏感詞的檢查功能。當發現錯別字或者敏感字時,點擊結果時會自動定位到編輯器中的具體位置,并將其標注出來。編輯人員可以手動確認,確認是錯別字和敏感字時可點擊“更正”按鈕由系統自動修正這些錯誤。

一鍵導入 Word 文檔

支持一鍵導入 Word 文檔功能,導入時文檔內容會直接保留原有格式和表格并呈現在編輯器中,文檔中的圖片也會自動上傳到服務器。系統支持多種 Word 文檔格式,包括 .docx、.doc 和.wps(金山 WPS 的文檔格式)。導入過程中還可以進行個性化設置,如將文件名或內容的第一行作為標題、從內容中移除標題、自動提取第一張圖片作為封面,以及清理格式(包括清除格式、首行縮進、字號、字體、鏈接和圖片)等。

一鍵自動排版

點擊“自動排版”按鈕,系統會根據預設的條件智能自動排版。預設條件包括:合并空行、清除空行、首行縮進、清除字號、清除字體、清除樣式、清除冗余 HTML 代碼、清除冗余 Class、清除 Word 復制過來的特殊格式和符號、文本對齊方式、圖片對齊方式、符號轉換等

自動下載遠程圖片

支持將編輯器中的遠程圖片自動下載并保存到服務器本地。

截圖自動上傳

支持將截圖直接粘貼到編輯器中即可自動上傳到服務器上。

從 Word 中復制內容粘貼到編輯器時自動清理格式

支持在將 Word 內容粘貼到編輯器后,自動彈出清理和排版對話框

手機掃碼上傳

通過掃描二維碼,用戶可直接將手機中的圖片上傳至網站,無需借助電腦。

公式編輯器

集成了公式編輯器,支持直接插入公式,公式以 Base64 編碼的圖片格式插入,確保所見即所得。

內容分頁功能

可開啟或關閉分頁功能,進入分頁模式后,支持類似 Word 頁面視圖的效果(紙張效果),允許用戶可以直接在光標處分隔頁面,可以添加、刪除分頁、可以向下/向上合并分頁,可以移動分頁,也可以設置分頁標題。

內容大綱(目錄)

可選擇開啟或關閉“目錄”功能。開啟后,編輯器左側顯示內容的目錄結構(自動根據內容中設置的“標題1~6”來自動生成文檔的目錄結構),并在內容結構變化時自動更新。

圖片描述

支持設置圖片描述(顯示在圖片下方的文字),支持在上傳圖片時自動將文件名做為圖片描述。

編輯器中的視頻可以直接播放

在編輯器中插入的視頻支持直接播放,提升用戶體驗。

設置編輯區頁面寬度

允許設置編輯區的頁面寬度,以盡可能的讓后臺編輯和前臺顯示效果一致,最大化實現“所見即所得”。

文本浮動工具欄

選中文本時,自動彈出浮動文本格式浮動工具欄,支持設置粗體、斜體、下劃線、刪除線、字體顏色、背景色、鏈接等屬性。

圖片浮動工具欄

選中圖片時,自動彈出圖片浮動工具欄,支持旋轉、裁剪、設置圖片尺寸、鏈接、描述、對齊方式、圖片樣式等操作。

視頻浮動工具欄

選中視頻時,自動彈出視頻浮動工具欄,支持打開視頻源、下載視頻、復制視頻地址、刪除等操作。

表格顯示優化

對于編輯器中過寬或過高的表格,前臺顯示時自動調整為預設大小并添加滾動條。

插入圖片/視頻/音頻/PDF/附件彈窗優化

對插入圖片、視頻、音頻、PDF、附件的彈窗進行了優化,支持直接上傳,也可從已上傳文件或個人素材庫中選擇。

不常見字體提醒

當設置了不常見字體時,系統會閃爍提醒用戶。

×

用戶登錄

主站蜘蛛池模板: 国产精品一区二区三区高清在线| 蜜臀久久99精品久久| 精品亚洲aⅴ无码午夜在线观看 | 国产av视屏| 风流老熟女一区二区三区| 孕妇毛片网站| 日本高级按摩人妻无码| 久艳妇荡女欲乱| 国产麻豆蜜桃色精品电影网在线高清 | 国产精品伦一区二区三级视| 97精品一区二区视频在线观看| 婷婷开心中文字幕| 久久免费视频6| 国产亚洲曝欧美不卡精品| 丁香婷婷激情| 亚洲精品久久中文字幕| 男人天堂网夜色99视频| 国产丝袜啪啪| av片东京热| 色综合久久久高清综合久久久| 久久久久久精| 国产成人精品综合久久久软件| 宅男噜噜噜| 欧美三级中文| 国产午夜精品一区二区三区漫| a级国产乱理伦片野外| 无码国产在线视频一区二区三区| 久久国产精品亚洲一区二区三区 | 亚洲国产精品一区二区三区| 麻豆精品无人区码一二三区别| 国模少妇一区二区三区A片| 国产99视频在线| 亚洲精品无码专区久久久| 欧美一级做一级爱a做片性| 国产野外无码人妻精品一区二区三区| 波多野结衣久| 亚洲国产精品成人综合久久久| 欧美日韩国产综合视频| 国产色欲av一区二区三区| 99久久国产热无码精品免费| 日韩免费黄色片|