在線HTML編輯器
基于 UEditor 深度優(yōu)化，采用類 Word 可視化編輯方式、全面適配多設(shè)備，讓內(nèi)容編輯更輕松。
在線 HTML 編輯器是內(nèi)容管理系統(tǒng)的最核心功能之一，它采用與 Word 類似的可視化編輯方式，實現(xiàn)對文章內(nèi)容的“所見即所得”的在線編輯效果。
對于編輯人員而言，“文章編輯頁面”是他們使用時間最長的地方，而在線編輯器作為“文章編輯頁面”的核心功能，其設(shè)計優(yōu)劣將直接影響編輯人員的工作效率。
盡管市面上有許多開源的在線 HTML 編輯器（例如百度 UEditor），但如何讓編輯器更貼近用戶的操作習(xí)慣，仍然是產(chǎn)品設(shè)計中的一個挑戰(zhàn)。動易遵循業(yè)界普遍做法將百度 UEditor 整合進內(nèi)容管理系統(tǒng)里。但動易不僅僅是簡單的整合，而是在此基礎(chǔ)上進行深度改進和優(yōu)化，從而在功能和用戶體驗上有了質(zhì)的飛躍，達到了“人無我有，人有我優(yōu)”的效果。
重新整理和調(diào)整了工具欄上的按鈕位置和順序
百度 UEditor 的設(shè)計注重功能的完備性和廣泛適用性，提供了相當豐富的按鈕，但這些按鈕的位置和順序并無優(yōu)化，甚至有些按鈕式多余的，導(dǎo)致編輯器工具欄占用了較多頁面空間。
我們對編輯中的每一個按鈕進行了認真評估，根據(jù)使用頻率調(diào)整了按鈕的位置和順序，將相近功能的按鈕進行了合并和分組（比如幾種對齊方式），將“插入圖片、視頻、音頻”等12+項與“插入”相關(guān)的按鈕統(tǒng)一移至“插入”按鈕的下拉菜單中，刪減了部分幾乎用不到的按鈕，以確保在各種分辨率下，最常用的功能按鈕能直接顯示出來，而無需展開工具欄。從而大幅改善了編輯器在低分辨率下的用戶體驗。
提供多種模式，適配不同場景
百度 UEditor 默認處于“全功能模式”，這雖然提供了最豐富的功能，但在某些場景下并不適合使用（過多的功能反而會干擾用戶操作）。例如，在添加或修改節(jié)點描述時，使用一個簡潔的編輯器來支持 HTML 即可，無需像處理文章內(nèi)容那樣需要全功能的 HTML 編輯器。
動易改進后的在線 HTML 編輯器根據(jù)不同功能模塊的需求，提供了標準、完整、簡潔、極簡、微信等多種模式，以適應(yīng)不同的應(yīng)用場景。
-
標準模式
保留了完整的操作按鈕，但默認僅顯示一行常用按鈕（可根據(jù)分辨率自動調(diào)整），并可展開顯示所有按鈕，主要用于文章內(nèi)容以外的表單字段的復(fù)雜 HTML 編輯。
-
完整模式
基于標準模式，增加了內(nèi)容分頁和內(nèi)容大綱（目錄）功能，主要用于文章內(nèi)容編輯。
-
簡潔模式
僅保留常用操作按鈕，適用于只需簡單編輯 HTML 的表單字段（如節(jié)點描述）。
-
極簡模式
在簡潔模式基礎(chǔ)上進一步減少不常用按鈕。
-
微信模式
專為微信發(fā)布內(nèi)容編輯設(shè)計，增加了調(diào)用第三方編輯工具的功能按鈕。
針對手機使用進行適配和優(yōu)化
針對在手機上使用在線編輯器進行錄入的場景（如通過手機進行用戶投稿，或在后臺管理文章時進行文章錄入/編輯），進行了全面的適配和優(yōu)化，確保在這些情況下也能提供良好的用戶體驗。標準、全功能、簡潔、極簡等每一種模式都具備相應(yīng)的手機版本，以滿足不同模式下的移動端使用需求。
整合錯別字和敏感字檢查
系統(tǒng)支持錯別字和敏感詞的檢查功能。當發(fā)現(xiàn)錯別字或者敏感字時，點擊結(jié)果時會自動定位到編輯器中的具體位置，并將其標注出來。編輯人員可以手動確認，確認是錯別字和敏感字時可點擊“更正”按鈕由系統(tǒng)自動修正這些錯誤。
一鍵導(dǎo)入 Word 文檔
支持一鍵導(dǎo)入 Word 文檔功能，導(dǎo)入時文檔內(nèi)容會直接保留原有格式和表格并呈現(xiàn)在編輯器中，文檔中的圖片也會自動上傳到服務(wù)器。系統(tǒng)支持多種 Word 文檔格式，包括 .docx、.doc 和.wps（金山 WPS 的文檔格式）。導(dǎo)入過程中還可以進行個性化設(shè)置，如將文件名或內(nèi)容的第一行作為標題、從內(nèi)容中移除標題、自動提取第一張圖片作為封面，以及清理格式（包括清除格式、首行縮進、字號、字體、鏈接和圖片）等。
一鍵自動排版
點擊“自動排版”按鈕，系統(tǒng)會根據(jù)預(yù)設(shè)的條件智能自動排版。預(yù)設(shè)條件包括：合并空行、清除空行、首行縮進、清除字號、清除字體、清除樣式、清除冗余 HTML 代碼、清除冗余 Class、清除 Word 復(fù)制過來的特殊格式和符號、文本對齊方式、圖片對齊方式、符號轉(zhuǎn)換等
自動下載遠程圖片
支持將編輯器中的遠程圖片自動下載并保存到服務(wù)器本地。
截圖自動上傳
支持將截圖直接粘貼到編輯器中即可自動上傳到服務(wù)器上。
從 Word 中復(fù)制內(nèi)容粘貼到編輯器時自動清理格式
支持在將 Word 內(nèi)容粘貼到編輯器后，自動彈出清理和排版對話框
手機掃碼上傳
通過掃描二維碼，用戶可直接將手機中的圖片上傳至網(wǎng)站，無需借助電腦。
公式編輯器
集成了公式編輯器，支持直接插入公式，公式以 Base64 編碼的圖片格式插入，確保所見即所得。
內(nèi)容分頁功能
可開啟或關(guān)閉分頁功能，進入分頁模式后，支持類似 Word 頁面視圖的效果（紙張效果），允許用戶可以直接在光標處分隔頁面，可以添加、刪除分頁、可以向下/向上合并分頁，可以移動分頁，也可以設(shè)置分頁標題。
內(nèi)容大綱（目錄）
可選擇開啟或關(guān)閉“目錄”功能。開啟后，編輯器左側(cè)顯示內(nèi)容的目錄結(jié)構(gòu)（自動根據(jù)內(nèi)容中設(shè)置的“標題1~6”來自動生成文檔的目錄結(jié)構(gòu)），并在內(nèi)容結(jié)構(gòu)變化時自動更新。
圖片描述
支持設(shè)置圖片描述（顯示在圖片下方的文字），支持在上傳圖片時自動將文件名做為圖片描述。
編輯器中的視頻可以直接播放
在編輯器中插入的視頻支持直接播放，提升用戶體驗。
設(shè)置編輯區(qū)頁面寬度
允許設(shè)置編輯區(qū)的頁面寬度，以盡可能的讓后臺編輯和前臺顯示效果一致，最大化實現(xiàn)“所見即所得”。
文本浮動工具欄
選中文本時，自動彈出浮動文本格式浮動工具欄，支持設(shè)置粗體、斜體、下劃線、刪除線、字體顏色、背景色、鏈接等屬性。
圖片浮動工具欄
選中圖片時，自動彈出圖片浮動工具欄，支持旋轉(zhuǎn)、裁剪、設(shè)置圖片尺寸、鏈接、描述、對齊方式、圖片樣式等操作。
視頻浮動工具欄
選中視頻時，自動彈出視頻浮動工具欄，支持打開視頻源、下載視頻、復(fù)制視頻地址、刪除等操作。
表格顯示優(yōu)化
對于編輯器中過寬或過高的表格，前臺顯示時自動調(diào)整為預(yù)設(shè)大小并添加滾動條。
插入圖片/視頻/音頻/PDF/附件彈窗優(yōu)化
對插入圖片、視頻、音頻、PDF、附件的彈窗進行了優(yōu)化，支持直接上傳，也可從已上傳文件或個人素材庫中選擇。
不常見字體提醒
當設(shè)置了不常見字體時，系統(tǒng)會閃爍提醒用戶。
Copyright ? 2003-2024 PowerEasy.All Rights Reserved. 廣東動易軟件股份有限公司 版權(quán)所有
用戶登錄
還沒有賬號？
立即注冊