一、操作入口

1.产品入口

1.1设置项中选择“内容编辑器（新版）”时，“产品描述”位置换为新版编辑框

1.2页签新增也可以添加“内容编辑器（新版）”

2.文章入口

2.1设置项中选择“内容编辑器（新版）”时，“文章内容”位置换为内容编辑器编辑框

二、添加元素

1.全屏编辑

悬浮显示名称“全屏” 推荐全屏编辑，更加易用

2.添加方式

点击“加号”，展示组件，可点击需要的组件，即可添加在网站上

输入"/"唤起组件

3. 元素设置项

添加各组件出现的工具栏可对应编辑设置项

三、文字

文字标签快捷转换

直接输入文字，可以在对文字进行标签、样式等设置

四、表格

简化表格设置项，支持铺满设置和宽度设置，复制保留表格样式，无需二次设置

可拖拽列宽，保持前后台一致

1.设置项

精简设置项，让有效设置项更加直观

2.表格复制

带入表格的样式，无需二次在设置一遍，复制后随意编辑表格设置项

*隔行变色可以通过在world中设置好，再粘贴进入内容编辑器

3.表格样式编辑

选中单元格可调整文字样式，字号、颜色、粗细，以及表格颜色

4.表格插入图片

可以直接将图片复制进表格，也可以通过输入“/”唤起工具栏，在表格添加图片

且可以设置表格里图片的相关设置项

五、图片

支持多形式上传图片，快捷设置图片比例、尺寸、边框、圆角。

1.支持多形式上传图片

2. 支持复制图片

支持快捷将图片复制进入内容编辑器，图片将自动上传资料库

3. 图片样式设置

圆角、边框、比例

4. 图片alt、title属性设置

六、视频

简化设置项，Youtube可直接插入页面链接，视频大小自动响应

1.加入视频组件

2.点击 “从网址插入”

3.网址插入，youtube网址可直接填入浏览器链接

4.视频修改尺寸，在内容中增加html组件

将代码复制进去，修改width的宽度

<style>
.contentEditRichText_editorContainer .video-block {
    width: 500px;
}
</style>

居中设置

<style>
.contentEditRichText_editorContainer .video-block {
    width: 500px;
    margin: 10px auto !important;
}
</style>

七、区块

区块可以实现更灵活的排版和布局，如左右图文、一行多列、产品列表等展示，一篇产品/文章，最多可添加20个区块。

1.添加区块

点击+，网页组件 > 区块，点击添加区块

2.快捷添加区块

点击区块后，右侧展示的为常用的区块，选择需要的区块，快捷的加入到内容中。包含“左图右文”“一行四列”“图标文本”“滚动图片”“页签切换”“FAQ”“下载文档”“产品列表”“文章列表”。

3.添加更多区块

如右侧的区块不满足使用场景，可以点击下方“更多区块”

弹出弹窗展示所有区块，可在右侧进行筛选和搜索，选择需要的区块

4.区块设置

4.1 进入编辑

点击【全屏编辑】或区块左上角的【全屏编辑】图标，进入编辑弹窗

5.收藏及应用区块

如多个产品或文章都有相同的内容时，可以将搭建修改好的内容先收藏起来，再到需要应用的产品或文章里，加入刚才收藏的区块，达到快速将相同的内容复制到其他产品里。

5.1 如何收藏区块

打开编辑区块的弹窗，点开容器设置项，点击收藏

5.2 如何应用收藏了的区块

打开添加区块弹窗，点击顶部的“收藏”页签，选择收藏的区块，添加区块后，可以在进行修改，不影响原区块。

八、大纲

大纲树快速定位文档位置结构，点击可跳转对应位置，大纲仅在编辑页展示，不在前台展示。