苏宁易购商家自定义编辑模块操作说明

自定义编辑模块操作说明

一、功能简介

自定义编辑允许商户使用富文本编辑器进行图片、文字等内容的样式在线编辑，可使用html代码实现内容展示的特殊效果，使得页面更加美化，吸引消费者浏览。

二、pc端自定义编辑模块装修

1、自定义编辑模块，目前pc端使用，可在所有宽度布局下装修使用。以990宽度为例，【店铺装修】→【pc店铺装修】→首页/自定义页，拖入990布局后，在左侧“模块”标签下，拖入一个990宽度下的自定义编辑模块；

拖入后如下：

2、双击自定义编辑模块区域，或鼠标悬浮模块后，右上角

按钮，打开自定义编辑器界面；

文字：类似于word操作，可直接输入文字，修改文字的字体、字号大小、粗体、下划线、删除线、文字颜色、背景颜色等文字格式，并可进行插入编号、缩进、对齐居中等排班操作；

表格：支持直接插入表格，编辑表格的各种属性和行、列、单元格操作，插入格式化的文字或图片；

图片：直接在光标所在位置插入图片，支持直接上传、从图片空间选择和插入网络图片三种类型。其中，插入网络图片，支持直接复制淘宝等特定网站的图片链接；

文字链接：可直接输入文字和对应的链接，实现前台展示时跳转的效果，链接必须包含suning.com/suning.cn；

源代码：可直接使用ps、dw等工具完成切图或设置样式后，将导出的代码拷贝至编辑器中。或直接修改已插入内容的源代码，实现对应的效果。使用源代码编辑可不限于模块本身宽度，实现通栏或悬浮展示等特殊效果；

其他操作：编辑器工具栏上还包含预览、全屏显示、查找和替换等操作，方便商户使用。

三、可用自定义编辑效果示例

1、1920全屏代码、轮播、悬浮、自定义店招导航等代码，可附件：点此

2、店铺收藏代码，前台展示时调用店铺收藏功能：

（点此）

3、商品价格获取代码，前台展示时实时获取商品价格：

（点此）

示例：

注：商品通码和商品子码值，为【商品管理】→【出售中的商品】中，具体商品的苏宁商品编码值，如商品无子码，则两处均填写的通码值。

四、注意事项

使用自定义编辑模块编辑器，需要注意部分规范，否则可能会出现展示异常，影响商户装修和消费者前台浏览体验。具体如下：

（1）店招模块使用自定义编辑时，上传的图片和div高度，应尽可能控制在120px以内，否则可能遮挡店招和导航下方内容展示，导致链接无法；

（2）代码允许写入css，但禁止引用外部css，不支持js，字节比较大20万字节，不支持外部链接，只支持苏宁内部链接，须包含suning.com/suning.cn；

（3）代码中不允许写入define单词，会被系统过滤可能导致代码效果无法展示；

（4）使用map标签时，需注意标签不要重名，多个map名的话会默认跳转到第一个map的链接，可命名为map1/map2/map3..