E信编辑器使用手册

1、E信编辑器使用手册上海帜讯信息技术有限公司2015-02-051 .概况说明52 .页面管理区62.1 管理页面62.1.1 添加页面62.1.2 添加文件夹62.1.3 排序62.1.4 移入和移出文件夹72.1.5 复制页面72.1.6 删除页面82.2 页面扩展设置82.3 页面设置82.3.1 修改页面名称82.3.2 缩放页面92.3.3 页面图标103 .控件介绍103.1 常用控件113.1.1 文本 113.1.2 图片 123.1.3 图文 123.1.4 列表 123.1.5 HTML 123.1.6 音频 133.1.7 视频 133.1.8 幻灯片143.1.9 天气

2、143.1.10 跑马灯143.1.11 地图 143.1.12 文件 143.1.13 按钮 143.1.14 简单表格143115分割线143.2 表单153.2.1 表单 153.2.2 文本输入153.2.3 多行输入153.2.4 普通选择153.2.5 下拉选择153.2.6 位置采集153.2.7 图片采集153.2.8 附件 15153.3 布局153.3.1 宫格、容器、标题容器4 .更多设置154.2 设置边框164.3 设置背景174.3.1 添加背景图片174.3.2 背景图片定位184.3.3 背景图片重复194.3.4 固定 204.3.5 位置和大小204.3.6

3、 自定义样式215 .常见问题Q&A 21HISTORY 22编辑器主要分成四个区域：控件区、页面管理区、预览区和设置区。用户可以通过拖拽（选中某个控件不放，然后将其拖拽到预览区）实现添加控件的功 能。添加成功后，可在控件设置区对该控件进行相关设置，并在预览区同步显示。.页面管理区1.1 管理页面1.1.2 添加文件夹 在页面管理区，点击 添加文件夹”按钮，即可新建文件夹。 页面营遑匕新建文件夹1.1.3 排序2.1.4 移入和移出文件夹在页面管理区，选中需要移动的页面，点击右移”，可将页面移入文件夹内。注意：只有当页面排在文件夹上方时才可移入成功，否则将移动失败。 页面管理口 口 1

4、 f叵电 6口首页生皂I在页面管理区，选中文件夹内的页面，点击左移”，可将页面移出文件夹。1.1.4复制页面在页面管理区，点击 复制”按钮，即可复制该页面,页面的内容将被一起复制O在页面管理区，选中需要删除的页面，点击删除"按钮，即删除该页面。注意：该操作不可恢复。 页面菖悭口首贡I删除号后小百片1.2 页面扩展设置为客户端微信等平台设计。1.3 页面设置1.3.1 修改页面名称修改页面名称有两种方式：方法一：在页面管理区，双击所选页面，页面名称变成可编辑状态。输入新名称 后，点击空白区域。方法二：在页面管理区，选中需修改的页面，在设置区输入新的页面名称，点击 修改”按钮。页面名称将

5、在轻客户端预览时显示，如下图:1.3.2 缩放页面在页面设置中，打开缩放支持开关，即可实现在轻客户端缩小或放大页面的功能1.3.3页面图标步骤：页面设置-上传页面图标此功能将在PC端浏览页面时显示。如图所示:2 .控件介绍控件区分为常用项与表单项。常用项包括以下控件：宫格，文本，图片，图文，列表， HTML ,音频，视频，幻灯片，天 气，跑马灯，地图，文件，按钮，简单表格，容器，标题容器及分割线。点击下图中的左右键，可以找到其他隐藏的控件。I营IIMM 4|hi * MV VM' n#|点击表单项，将出现以下控件：表单，文本输入，多行输入，普通选择，下拉选择，位 置采集，图片采集，附件

6、。. 1 1 1口=曰的差皆£1 MV fl 40*2.1 常用控件2.1.1 文本文本是最常见的信息展现形式，是以纯文字的方式进行描述，支持文字换行。2.1.2 图片图片也是最常见的信息显示形式，编辑器会自动将您上传的图片进行等比例缩放处 理；2.1.3 图文图文一般使用在文章的内容描述页面，以 图片+文字”的形式进行信息内容的展 现；2.1.4 列表列表：列表是以 图片+标题+说明”的形式，对多个信息以列表的形式进行罗列展 示的最常见的方式之一，配合 图文”控件，可以快速的编辑出一个包含多个新闻文 章信息；2.1.5 HTML编辑器提供了一个简单的慝文本编辑器，支持从网页上或者

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

8、方式： 企业服务 > 素材库 > 视频库 > 上传视频二二一 ，口 ZZL,4=1 -r .口D D2.1.8 幻灯片对多张同等大小的图片进行轮换播放的效果，我们称为幻灯片”。2.1.9 天气暂无2.1.10 跑马灯一段文字从屏幕的一边移动到屏幕的另外一边，我们称为跑马灯”。2.1.11 地图通过 地图”控件，标注您希望说明的地点，可以形象的描述出地理位置信息。2.1.12 文件您可以将word、excel、powerpoint、PDF、ZIP等文件上传以提供信息的阅读者下 载，附件是否能够在用户手机上进行阅读取决于用户设备的阅读软件是否支持。2.1.13 按钮最常见的网页元

9、素，一般用来提示用户点击并转跳到其他页面。2.1.14 简单表格以表格的形式为您展现数据，您可以调整表格的宽度和高度，做一些简单的表格设 置。2.1.15 分割线用来区分同一个页面上不同段落或者内容的排版分割显示工具；2.2表单2.2.1 表单使用表单可以收集用户的信息和反馈意见，是您与e信浏览者之间沟通的桥梁;2.2.2 文本输入用户在一行内输入需要填写的信息，您可以对用户输入的内容进行验证，并设置友 好的提示内容；2.2.3 多行输入允许用户输入较多的文字内容，并以多行进行显示;2.2.4 普通选择选择类信息的展现，将选项全部例举，可以设置是多选还是单选;2.2.5 下拉选择暂无2.2.6

10、 位置采集暂无暂无1.1.4附件暂无1.2布局1.2.1宫格、容器、标题容器容器一般用来包裹或者承载其他组件，可以设置背景图片或者颜色，普通容器自身 没有实际显示效果；2 .更多设置2.1设置边框1.为页面设置边框：选中页面，点击更多设置，选择样式> 输入线宽 > 选择颜色默认统一设置四条边框：只设置某一条边框:2.为控件设置边框:选中控件，点击更多设置,重复以上步骤，效果如下:2.2设置背景2.2.1添加背景图片选中某个页面或控件,点击更多设置，将鼠标悬停在图片区域，将出现选择”和消除”按钮，点击选择，即可为该页面或控件设置背景图片2.2.2背景图片定位用户可以通过定位功能来控制图片在屏幕上的显示位置，默认在屏幕的左上方显 示，如上图中所示。在屏幕正中央显示：也可自定义方位:2.2.3背景图片重复1.平铺2.横向重复3.纵向重复o2.2.4固定4.不重复打开固定开关，移动滚动条翻看页面时，只移动文字或内容，背景图片不随滚