ewebeidtor编辑器使用说明

Ewebeditor 使用手册郑州市企业服务平台－稿件编辑器使用手册1、界面概述 (3)菜单栏 (3)编辑区 (3)2、菜单栏使用说明 (3)2.1、源代码模式 (3)2.2、预览模式 (4)2.3、全屏模式 (4)2.4、保存内容 (5)2.5、修改编辑器内容模板 (5)2.6、剪切、复制、粘贴 (6)2.7、撤销、重做 (6)2.8、查找、替换 (6)2.9、字体样式以及位置设置 (7)2.10、上标和下标设置 (8)2.11、插入和取消超链接设置 (8)2.12、设置文档编号和缩进设置 (9)2.13、插入媒体（图片、flash、视频） (9)2.14、插入表格、水平线、特殊符号 (12)2.15、全选和清除格式 (14)2.16、使用小技巧 (14)2.17、常见问题汇总 (15)1、界面概述所见即所得的在线编辑器界面主要分为以下两大部分：菜单栏编辑器顶部为菜单栏，主要放置各种编辑功能的选项及按钮图标，使用者只需点击图标或选择相关选项即可实时对编辑栏编辑的内容进行添加或修改、修饰。

编辑区编辑器中部空白处为编辑区，主要是供使用者输入及编辑内容所用，同时所编辑的内容全部都是所见即所得，但有部分内容，如活动的图像、文字、电影等在编辑状态下只会呈现静止状态，需使用者转换到预览状态方可真实再现。

图：稿件编辑器主界面2、菜单栏使用说明编辑器菜单栏图标功能使用说明如下：2.1、源代码模式图：源代码模式如上图所示，红线区域内为"源代码"模式图标。

默认未选中。

点击该图标，编辑框进入源代码编辑模式，如下图所示：图：源代码编辑模式此时“源代码”图标将为选中状态，其它图标为不可选状态。

这时在进行内容编辑时，可以通过添加html标签进行设定文本样式。

再次点击“源代码图标”编辑器进入普通模式，“源代码”图标取消高亮状态。

其它编辑图标恢复可选状态。

2.2、预览模式图：进入预览模式如上图所示：红线框为预览模式图标。

点击该图标，进入预览模式，可查看刚刚编辑文本内容最终样式如下图所示：图：进入预览模式2.3、全屏模式图：全屏模式图标如上图红线框内为全屏模式图标。

点击该图标，文本编辑器会最大化窗口，增大文本内容编辑面积。

再次点击该图标，编辑器恢复普通编辑模式。

2.4、保存内容图：保存按钮如上图所示，点击该保存按钮，可以直接保存该页面的表单内容，并关闭当前页面，进入文章列表页面。

2.5、修改编辑器内容模板图：模板图标如上图所示，点击红线框中模板图标打开编辑器模板选择窗口，如下图所示：图：选择模板点击需要的模板即可。

2.6、剪切、复制、粘贴图：复制、剪切、粘贴：首先选中一段内容，点击该图标即可剪切内容。

：首先选中一段内容，点击该图标即可复制该内容。

：常规粘贴选中的内容。

：以纯文件形式粘贴选中的内容。

：粘贴从Word中复制的内容，并去除冗余格式。

2.7、撤销、重做图：撤销重做如上图所示，为撤销重做按钮。

：撤销按钮，点击该按钮可撤销上一步的操作。

：重做按钮，点击撤销按钮按钮可激活该按钮，点击该按钮，可回复刚才撤销的操作。

2.8、查找、替换图：查找、替换：查找按钮。

点击按钮弹出查找窗口，如下图所示：图：查找在查找输入框中填入需要查找的内容，点击“查找”按钮即可查找编辑框内中的信息。

：替换按钮，操作同上。

2.9、字体样式以及位置设置图：字体样式以及位置如上图所示为字体的样式以及位置，其设置如下所示：以下的设置都需要首先需要选中需要调整的字体。

：设置字体样式为粗体。

：设置字体样式为斜体。

：设置字体样式为带下划线。

：设置字体样式为带中划线。

：设置内容向左对齐。

：设置内容向右对齐。

：设置内容向中对齐。

：设置内容两端对齐。

：设置字体背景颜色。

：设置对象背景颜色。

2.10、上标和下标设置图：上标和下标：下标设置，选中需要将其设为小标的内容，然后点击该图标即可。

如下图所示：：用法同下标设置相同。

2.11、插入和取消超链接设置图：插入和取消超链接设置：插入超链接。

鼠标点击需要插入超链接的位置，然后点击该图标出现如下图所示界面：图：插入超链接页面输入网址之后点击确定即可。

：取消超链接设置。

首先选中需要取消超链接的内容，然后点击该按钮即可取消点击该图标超链接状态。

2.12、设置文档编号和缩进设置图：文档编号和缩进设置：设置内容以编号列表形式排列。

选中需要进行编号的内容，然后点击该图标即可。

如下图所示：点击该图标后再次点击该图标后，取消编号设置。

：设置内容以符号列表项形式排列。

设置方式同上。

：减少内容的缩进量。

：增加内容的缩进量。

2.13、插入媒体（图片、flash、视频）图：插入媒体图：插入图片页面如上图所示，在源文件一栏中填写图片所在的超链接地址即可，可在下边进行宽度和高度的设置，点击恢复默认尺寸。

如果要上传本地的图片，则需要首先将图片上传到服务其中，首先打开上传图片界面，然后选择上传选项卡，如下图所示：图：上传图片点击“上传”输入框右边的浏览按钮，选择需要上传的图片后点击“发送到服务器上”按钮即可。

如果需要给该图片添加超链接，即点击图片后会跳转到某一页面。

在添加图片页面选择“链接”选项卡如下图所示：图：给图片添加超链接如上图所示:在地址一栏中填写超链接地址，然后在目标选项选择合适的打开方式，即可。

如果要修改图片信息，在编辑框中右击改图片，然后选择图片属性即可打开图片编辑面板，如下图所示：图：编辑图片：插入flash动画。

点击该图标打开插入flash页面，如下图所示：图：插入flash如上图所示：在源文件地址一栏中，填写falsh所在的地址链接即可。

如果需要添加本地的flash可以先将本地的flash上传到服务器上，即可添加，具体操作见“插入图片”操作。

添加后的如下所示：图：插入flash右击上面图标，选择“flash属性”选项即可编辑和替换flash信息。

：插入视频。

用法见“插入图片”操作。

2.14、插入表格、水平线、特殊符号图：表格，水平线，特殊符号：插入表格。

点击该图标打开插入表格页面如下所示：图：插入表格如上图所示，填写需要的行数和列数以及边框大小信息后，点击确定即可。

：插入水平线。

点击该图标可插入水平线。

如下图所示：图：插入表格和水平线效果图：插入特殊符号。

点击该图标打开插入符号界面，如下图所示，点击需要的符号即可。

图：选择特殊符号2.15、全选和清除格式图：全选和清除格式：点击该图标和选择编辑器内全部内容。

：选中需要清除格式的内容，然后点击该按钮即可清除所选内容的格式。

2.16、使用小技巧部分提供修改功能的按键或选项，只需选择原来插入的对象，再按同一按键或选项，即可进行修改。

部分提供设置功能的按键或选项，都可以通过再按一次按键或选项来取消前一次的设置。

1、编辑栏使用说明：编辑器编辑栏主要放置供使用者编辑内容的编辑框，若内容超出框架宽度或长度的话，会自动出现滚动条。

另外还可通过状态栏的状态转换可转换编辑框的不同编辑状态。

如果在网络上看到哪篇文章或新闻甚至页面觉得不错的话，可以用鼠标将相应页面内容全部选择起来后，直接拖动或复制到编辑器的编辑框即可，而且原页面上的图片、文字、CSS样式、动态效果等都能原封不动地转移到编辑框，不用修改或添加任何代码。

2、巧用插入自动播放媒体功能插入自动播放媒体功能可以自动识别各种媒体格式并用相应的播放器在页面自动播放，而且这个功能还能识别图像文件，压缩文件等。

大家可以充分利用此功能编辑出更多色声俱全的内容。

3、灵活运用预览状态编辑内容中带有动态效果、即时播放媒体、GIF动画等活动内容时，编辑状态中只能显示静态的图像或播放器界面，这时只需要将状态转换为预览状态就可以马上看到这些内容的动态实时效果，如果想继续编辑的话，只需再转换到编辑状态即可。

2.17、常见问题汇总1、设置首行文字左边顶格本编辑器有一个默认的规则：只要是段落文字，首行会自动缩进两个字符。

但是，在特殊情况下，个别用户可能需要首行文字左边顶格，不允许缩进，譬如书信格式、通知格式等等。

针对这种情况，可以才用以下方法解决。

在需要左边顶格的文字上边加一个空白行（通过shift+enter组合键实现），则空白行和下边需要左边顶格的文字行仍为一个段落，本编辑器只会将上边的空白行自动缩进两个字符，而下边的文字行则不会缩进。

如下图所示：2、段落和换行之间的区别使用enter键可以强制划分段落，每个段落之间会有比较明显的空白区域标示。

每个段落的首行是自动缩进的，所以用户在编辑每个段落的时候，不需要在每个段落的首行最左边手动添加空格进行缩进，编辑器本身会替你完成这个操作。

使用shift+enter组合键可以进行段落内部的强制换行，而且换行后仍然为一个段落。