E信编辑器 使用手册

1、E信编辑器使用手册上海帜讯信息技术有限公司2015-02-05目 录1 . 概况说明 52 . 页面管理区 62.1 管理页面 6添加页面 6添加文件夹 6排序 6复制页面 7删除页面 82.2 页面扩展设置 82.3 页面设置 8修改页面名称 8缩放页面 9页面图标 103 . 控件介绍 103.1 常用控件 11文本 11图片 12图文 12列表 12HTML 12音频 13视频 13幻灯片 14天气 14跑马灯 14地图 14文件 14按钮 14简单表格 14分割线 143.2 表单 15表单 15文本输入 15多行输入 15普通选择 15下拉选择 15位置采集 15图片采集 15附件

2、153.3 布局 15宫格、容器、标题容器 154 . 更多设置 154.1 设置边框 164.2 设置背景 17添加背景图片 17背景图片定位 18背景图片重复 19固定 20位置和大小 20自定义样式 215 . 常见问题Q&A 21HISTORY 221 . 概况说明编辑器主要分成四个区域：控件区、页面管理区、预览区和设置区。用户可以通过拖拽（选中某个控件不放，然后将其拖拽到预览区）实现添加控件的功能。添加成功后，可在控件设置区对该控件进行相关设置，并在预览区同步显示。. 页面管理区1.1 管理页面添加页面在页面管理区，点击“添加页面”按钮，即可新建页面。添加文件夹在页面管理区，

3、点击“添加文件夹”按钮，即可新建文件夹。排序在页面管理区，点击“上移”或“下移”按钮，即可对页面或文件夹进行排序。在页面管理区，选中需要移动的页面 ，点击“右移”，可将页面移入文件夹内。注意：只有当页面排在文件夹上方时才可移入成功，否则将移动失败。在页面管理区，选中文件夹内的页面，点击“左移”，可将页面移出文件夹。复制页面在页面管理区，点击“复制”按钮，即可复制该页面，页面的内容将被一起复制。删除页面在页面管理区，选中需要删除的页面，点击“删除”按钮，即删除该页面。注意：该操作不可恢复。1.2 页面扩展设置为客户端微信等平台设计。1.3 页面设置修改页面名称修改页面名称有两种方式：方法一： 在

4、页面管理区，双击所选页面，页面名称变成可编辑状态。输入新名称后，点击空白区域。方法二： 在页面管理区，选中需修改的页面，在设置区输入新的页面名称，点击“修改”按钮。页面名称将在轻客户端预览时显示，如下图：缩放页面在页面设置中，打开缩放支持开关，即可实现在轻客户端缩小或放大页面的功能。页面图标步骤：页面设置-上传页面图标此功能将在PC端浏览页面时显示。如图所示：2 . 控件介绍控件区分为常用项与表单项。常用项包括以下控件：宫格，文本，图片，图文，列表，HTML，音频，视频，幻灯片，天气，跑马灯，地图，文件，按钮，简单表格，容器，标题容器及分割线。点击下图中的左右键，可以找到其他隐藏的控件。点击表

5、单项，将出现以下控件：表单，文本输入，多行输入，普通选择，下拉选择，位置采集，图片采集，附件。2.1 常用控件文本文本是最常见的信息展现形式，是以纯文字的方式进行描述，支持文字换行。图片图片也是最常见的信息显示形式，编辑器会自动将您上传的图片进行等比例缩放处理；图文图文一般使用在文章的内容描述页面，以“图片+文字”的形式进行信息内容的展现；列表列表：列表是以“图片+标题+说明”的形式，对多个信息以列表的形式进行罗列展示的最常见的方式之一，配合“图文”控件，可以快速的编辑出一个包含多个新闻文章信息；HTML编辑器提供了一个简单的冨文本编辑器，支持从网页上或者word中拷贝一段内容并粘贴，编辑器尽

6、量网站的复原拷贝前的显示效果，但是对部分HTML标签处于安全考虑会进行过滤处理。例如：点击左上角蓝色按钮“HTML”，弹出Edit HTML小窗口，在小窗口中输入代码：#000000#2F0000#600030#460046#28004D点击“提交查询”后，即可预览代码效果：点击“确定”按钮，即可在预览区显示效果：音频您可以通过“音乐”控件，添加mp3格式的音频文件。视频您在使用“视频”控件之前，您需要先将视频上传到“素材库”中，“素材库”支持目前流行的视频文件格式。上传至素材库中的视频需经过审核，审核通过后，方可在e信编辑器中使用。素材库上传方式：企业服务 > 素材库 > 视频库

7、 > 上传视频幻灯片对多张同等大小的图片进行轮换播放的效果，我们称为“幻灯片”。天气暂无跑马灯一段文字从屏幕的一边移动到屏幕的另外一边，我们称为“跑马灯”。地图通过“地图”控件，标注您希望说明的地点，可以形象的描述出地理位置信息。文件您可以将word、excel、powerpoint、PDF、ZIP等文件上传以提供信息的阅读者下载，附件是否能够在用户手机上进行阅读取决于用户设备的阅读软件是否支持。按钮最常见的网页元素，一般用来提示用户点击并转跳到其他页面。简单表格以表格的形式为您展现数据，您可以调整表格的宽度和高度，做一些简单的表格设置。分割线用来区分同一个页面上不同段落或者内容的排版分

8、割显示工具；2.2 表单表单使用表单可以收集用户的信息和反馈意见，是您与e信浏览者之间沟通的桥梁；文本输入用户在一行内输入需要填写的信息，您可以对用户输入的内容进行验证，并设置友好的提示内容；多行输入允许用户输入较多的文字内容，并以多行进行显示；普通选择选择类信息的展现，将选项全部例举，可以设置是多选还是单选；下拉选择暂无位置采集暂无图片采集暂无附件暂无1.2 布局宫格、容器、标题容器容器一般用来包裹或者承载其他组件，可以设置背景图片或者颜色，普通容器自身没有实际显示效果；2 . 更多设置2.1 设置边框1. 为页面设置边框：选中页面，点击更多设置，选择样式 > 输入线宽 > 选择颜色默认统一设置四条边框：只设置某一条边框：2. 为控件设置边框：选中控件，点击更多设置，重复以上步骤，效果如下：2.2 设置背景添加背景图片选中某个页面或控件，点击更多设置，将鼠标悬停在图片区域，将出现“选择”和“清除”按钮，点击选择，即可为该页面或控件设置背景图片。背景图片定位用户可以通过定位功能来控制图片在屏幕上的显示位置，默认在屏幕的左上方显示，如上图中所示。在屏幕正中央显示：也可自定义方位：背景图片重复1. 平铺2. 横向重复3. 纵向重复4. 不重复固定打开固定开关，移动滚动条翻看页面时，只移动文字或内容，背景图片不随滚动条移动；若关闭