基于 UEditor 深杜着化,,,,,,,,选取类 Word 可视化编纂方式、全面适配多设备,,,,,,,,让内容编纂更轻松。。。。。



在线 HTML 编纂器是内容治理系统的最主题职能之一,,,,,,,,它选取与 Word 类似的可视化编纂方式,,,,,,,,实现对文章内容的“所见即所得”的在线编纂成效。。。。。
对于编纂人员而言,,,,,,,,“文章编纂页面”是他们使用功夫最长的处所,,,,,,,,而在线编纂器作为“文章编纂页面”的主题职能,,,,,,,,其设计曲直将直接影响编纂人员的工作效能。。。。。
只管市面上有很多开源的在线 HTML 编纂器(例如百度 UEditor),,,,,,,,但若何让编纂器更切近用户的操作习惯,,,,,,,,依然是产品设计中的一个挑战。。。。。动易遵循业界普遍做法将百度 UEditor 整合进内容治理系统里。。。。。但动易不仅仅是单一的整合,,,,,,,,而是在此基础上进行深度改进和优化,,,,,,,,从而在职能和用户履历上有了质的飞跃,,,,,,,,达到了“人无我有,,,,,,,,人有我优”的成效。。。。。
百度 UEditor 的设计注沉职能的完整性和宽泛合用性,,,,,,,,提供了相当丰硕的按钮,,,,,,,,但这些按钮的地位和挨次并无优化,,,,,,,,甚侄裣癌按钮式有余的,,,,,,,,导致编纂器工具栏占用了较多页面空间。。。。。
我们对编纂中的每一个按钮进行了当真评估,,,,,,,,凭据使用频率调整了按钮的地位和挨次,,,,,,,,将相近职能的按钮进行了归并和分组(好比几种对齐方式),,,,,,,,将“插入图片、视频、音频”等12+项与“插入”有关的按钮统一移至“插入”按钮的下拉菜单中,,,,,,,,删减了部门险些用不到的按钮,,,,,,,,以确保在各类分辨率下,,,,,,,,最常用的职能按钮能直接显示出来,,,,,,,,而无需发展工具栏。。。。。从而大幅改善了编纂器在低分辨率下的用户履历。。。。。
百度 UEditor 默认处于“全职能模式”,,,,,,,,这固然提供了最丰硕的职能,,,,,,,,但在某些场景下并不适合使用(过多的职能反而会滋扰用户操作)。。。。。例如,,,,,,,,在增长或批改节点描述时,,,,,,,,使用一个简洁的编纂器来支持 HTML 即可,,,,,,,,无需像处置文章内容那样必要全职能的 HTML 编纂器。。。。。
动易改进后的在线 HTML 编纂器凭据分歧职能?????榈男枰,,,,,,,提供了尺度、齐全、简洁、极简、微信等多种模式,,,,,,,,以适应分歧的利用场景。。。。。
保留了齐全的操作按钮,,,,,,,,但默认仅显示一行常用按钮(可凭据分辨率自动调整),,,,,,,,并可发展显示所有按钮,,,,,,,,重要用于文章内容以表的表单字段的复杂 HTML 编纂。。。。。
基于尺度模式,,,,,,,,增长了内容分页和内容纲领(目录)职能,,,,,,,,重要用于文章内容编纂。。。。。
仅保留常用操作按钮,,,,,,,,合用于只需单一编纂 HTML 的表单字段(如节点描述)。。。。。
在简洁模式基础上进一步削减不常用按钮。。。。。
专为微信颁布内容编纂设计,,,,,,,,增长了挪用第三方编纂工具的职能按钮。。。。。
针对在手机上使用在线编纂器进行录入的场景(如通过手机进行用户投稿,,,,,,,,或在后盾治理文章时进行文章录入/编纂),,,,,,,,进行了全面的适配和优化,,,,,,,,确保在这些情况下也能提供优良的用户履历。。。。。尺度、全职能、简洁、极简等每一种模式都具备相应的手机版本,,,,,,,,以满足分歧模式下的移动端使用需要。。。。。
系统支持错别字和敏感词的查抄职能。。。。。当发现错别字或者敏感字时,,,,,,,,点击了局时会自动定位到编纂器中的具体地位,,,,,,,,并将其标注出来。。。。。编纂人员能够手动确认,,,,,,,,确认是错别字和敏感字时可点击“更正”按钮由系统自动建改这些谬误。。。。。
支持一键导入 Word 文档职能,,,,,,,,导入时文档内容会直接保留原有体式和表格并呈此刻编纂器中,,,,,,,,文档中的图片也会自动上传到服务器。。。。。系统支持多种 Word 文档体式,,,,,,,,蕴含 .docx、.doc 和.wps(金山 WPS 的文档体式)。。。。。导入过程中还能够进行个性化设置,,,,,,,,如将文件名或内容的第一行作为标题、从内容中移除标题、自动提取第一张图片作为封面,,,,,,,,以及算帐体式(蕴含断根体式、首行缩进、字号、字体、链接和图片)等。。。。。
点击“自动排版”按钮,,,,,,,,系统会凭据预设的前提智能自动排版。。。。。预设前提蕴含:归并空杏注断根空杏注首行缩进、断根字号、断根字体、断根形状、断根冗余 HTML 代码、断根冗余 Class、断根 Word 复造过来的特殊体式和符号、文本对齐方式、图片对齐方式、符号转换等
支持将编纂器中的远程图片自动下载并保留到服务器本地。。。。。
支持将截图直接粘贴到编纂器中即可自动上传到服务器上。。。。。
支持在将 Word 内容粘贴到编纂器后,,,,,,,,自动弹出算帐和排版对话框
通过扫描二维码,,,,,,,,用户可直接将手机中的图片上传至网站,,,,,,,,无需借助电脑。。。。。
集成了公式编纂器,,,,,,,,支持直接插入公式,,,,,,,,公式以 Base64 编码的图片体式插入,,,,,,,,确保所见即所得。。。。。
可开启或关关分页职能,,,,,,,,进入分页模式后,,,,,,,,支持类似 Word 页面视图的成效(纸张成效),,,,,,,,允许用户能够直接在光标处罚隔页面,,,,,,,,能够增长、删除分页、能够向下/向上归并分页,,,,,,,,能够移动分页,,,,,,,,也能够设置分页标题。。。。。
可选择开启或关关“目录”职能。。。。?????艉螅,,,,,,,编纂器左侧显示内容的目录结构(自动凭据内容中设置的“标题1~6”来自动天生文档的目录结构),,,,,,,,并在内容结构变动时自动更新。。。。。
支持设置图片描述(显示在图片下方的文字),,,,,,,,支持在上传图片时自动将文件名做为图片描述。。。。。
在编纂器中插入的视频支持直接播放,,,,,,,,提升用户履历。。。。。
允许设置编纂区的页面宽度,,,,,,,,以尽可能的让后盾编纂和前台显示成效一致,,,,,,,,最大化实现“所见即所得”。。。。。
选中文本时,,,,,,,,自动弹出浮动文本体式浮动工具栏,,,,,,,,支持设置粗体、斜体、下划线、删除线、字体色彩、布景致、链接等属性。。。。。
选中图片时,,,,,,,,自动弹出图片浮动工具栏,,,,,,,,支持旋转、裁剪、设置图片尺寸、链接、描述、对齐方式、图片形状等操作。。。。。
选中视频时,,,,,,,,自动弹出视频浮动工具栏,,,,,,,,支持打开视频源、下载视频、复造视频地址、删除等操作。。。。。
对于编纂器中过宽或过高的表格,,,,,,,,前台显示时自动调整为预设大幼并增长滚动条。。。。。
对插入图片、视频、音频、PDF、附件的弹窗进行了优化,,,,,,,,支持直接上传,,,,,,,,也可从已上传文件或幼我素材库当选择。。。。。
当设置了不常见字体时,,,,,,,,系统会闪动提醒用户。。。。。