在线编辑器使用指南.doc

“在线编辑器”使用指南“在线编辑器”内置公式编辑、绘图、资源整合、文本和表格编辑等各种编辑功能，是您编辑网站内容的有力工具。一、功能特点 富含大量常用按钮包含了日常所要用到的各种按钮，如复制、剪切、粘贴、表格、图片、文件、字体、颜色等。 内附文件上传功能您在“在线编辑器”中插入的外部文件会自动上传到资源中心集中管理，如图片、媒体文件等，都自带有从客户端直接上传到服务器端的功能。大文件支持理论上支持无限大文件。 自动获取远程文件利用远程文件自动获取功能，可以把别人服务器上的图片等文件自动传到自己的服务器，不必担心别人的站点关了，本地链接的文件不存在的问题，也不要一个个下载下来再上传，全过程完全自动。 相对或绝对路径对于在线编辑器来说，路径问题一直是一个难点，基本上市面上的在线编辑器所编辑出来的内容链接都用的是带域名的绝对全路径（如：/xxx/xxx.gif）。本编辑器采用相对路径充分解决了此问题，完全摆脱了站点、目录等迁移而带来的路径问题。 图形热点链接能够在线编辑实现图形的热点链接，即一个图片可以按区块链接到多个地址。 状态保持现在很多的在线编辑器，在提交后，如果服务器端校验没成功，单击“返回”时，原来编辑器中编辑的内容就会丢失，而本编辑器会保持编辑后的状态。 智能粘贴具有三种粘贴方式，即常规方式粘贴、纯文本方式粘贴或者以Word方式粘贴，如果剪贴板中的内容是Word格式的，将提示是否去除Word格式。如果采用“去除Word格式”，可以去除许多冗余代码。 大小自适应可以按您调用的宽度和高度自适应编辑器的大小，特别是高度，这是很多编辑器所不具有的，大大方便了调用，使页面能够达到更好的效果。 多种编辑模式具有4种编辑模式，有：HTML代码模式、可视设计模式、纯文本模式、预览模式，可以满足所有应用的需要。 二、技术特点绿色软件服务器端无需安装特定组件，自身不带组件，客户端也无需安装任何插件。 强大错误自检在程序编写中对每个变量、参数都进行了严格的错误检测，不管用户如何操作，绝不出现意料之外的信息，防止程序漏洞的产生。 三、操作特点所见即所得即通过编辑器编辑的文字、图片等HTML标记输出到页面的效果和编辑时显示的效果一致，让使用者方便地对编辑的内容进行修改、排版等。 自动转换为HTML代码在编辑状态编辑的文字、图片等内容都在后台自动转换为可被浏览器识别的HTML标记语言，使用者更能在代码状态在对代码标记进行修改。 简单易用编辑器的编辑及使用方法与FrontPage、Dreamweaver等著名主页制作软件类似。无需任何HTML语法知识、儍瓜式的操作让即使没有主页制作经验的使用者也能快速上手。 编辑区状态栏菜单栏四、界面概述在线编辑器界面主要分为三大部分：菜单栏编辑器顶部为菜单栏，主要放置各种编辑功能的选项及菜单按钮图标，使用者只需单击图标或选择相关选项即可实时对编辑区编辑的内容进行添加或修改。系统将各种常用功能进行合理分类，集中排放，便于使用者调用。常见的菜单一般包括以下几类：编辑菜单 字体菜单 段落菜单 组件菜单 对象效果菜单工具菜单 表单菜单 表格菜单 文件视图菜单 全屏编辑编辑区编辑器中部空白处为编辑区，主要供您输入及编辑内容时使用，同时所编辑的内容基本实现“所见即所得”，但活动的图像、电影等在编辑状态下只会呈现静止状态，需要您切换到预览状态才能真实再现。状态栏编辑器底部为状态栏，主要放置转换编辑器状态的按钮图标，状态共分为：代码状态、设计状态（默认）、文本状态和预览状态。五、使用方法1、编辑菜单如图所示，编辑菜单包含了日常所要用到的编辑功能和三种粘贴方式。如果剪贴板中的内容是Word格式的，将提示是否去除Word格式，因为Word粘贴进来的文档有时可能非常大，冗余代码也很多。2、字体菜单提供了类似于Word的字体菜单功能。3、段落菜单使用方法类似于Word，这里介绍段落属性功能，包括右键功能，可以对一个或多个段落使用样式功能，段前段后行距等可设置，不再会由于段落间距太大影响效果。在编辑区选中段落，从“段落菜单”中执行“段落属性”命令或在编辑区选中段落后右击鼠标，从弹出的快捷菜单中执行“段落属性”命令，可以弹出“段落属性”对话框。“段落属性”对话框可设置段前、段后、文本之前、文本之后的空白，以及对齐方式、行距、首行缩进、字间距等。4、组件菜单组件菜单功能较多，其中“远程自动上传”、“图形热点链接”是本编辑器的特色功能。(1)插入图片如图所示，插入图片时须选择图片来源，可以设置图片的显示效果，能预览图片并显示原图大小。(2)插入音频/视频可以设置插入的媒体文件的播放效果，如是否自动播放、自动静音、全屏显示等，媒体文件插入到编辑区后，还可以在“代码”状态修改播放效果，但需您熟悉控制播放效果的代码。 (3)远程自动上传先将其它网页上的内容复制到编辑器中，然后执行“远程自动上传”命令，复制的图片等就会自动上传到您的服务器。(4)图形热点链接该功能能够实现图形的热点链接，即将一个图片按区块链接到多个地址。具体操作方法如下：在编辑区中，先选定图形，然后从“组件”菜单中执行“图形热点链接”命令，在弹出的对话窗中，单击“新建”按钮，则在图片上会出现一个黑边的小区域，可以改变该区域的大小，双击该区域，输入一个网站链接，然后单击“确定”按钮返回，切换到 “预览状态”就可以看到图形热点链接的效果。(5)对象效果菜单：绝对或相对位置设置功能。 ：上移一层。 ：下移一层。 图片插入以后，默认显示为绝对位置，在“对象效果菜单”中单击（绝对或相对位置设置功能），再下移一层。产生的效果如下图所示：显示隐藏指导方针下图隐藏了指导方针所谓“指导方针”就是表格的边框，当表格的边框值为“0”时，在编辑器中不能直接看到表格的边框，这时就需要“显示指导方针”，编辑器默认隐藏指导方针。下图显示了指导方针(6)工具菜单：画板是您自由绘制图形的工具，可以绘制常见的几何图形，并设置图形效果。图形绘制好了，您只要单击“插入到编辑器”按钮就可以将绘制出的图形插入到编辑区中。下图是用画板绘出的文字图形效果：浏览资源为了实现资源共享，节约服务器空间，系统提供了资源共享接口，通过“浏览资源” 可以调用本网站中上传的资源、其他网站资源和系统共享资源库中的资源。:插入或修改公式如果您的计算机没有安装WEBEQ公式编辑插件，系统会自动检测并弹出如下的提示框：在下面的对话框中，单击“是”按钮就可以安装该插件了。安装完成后，单击“确定”现在执行“插入/修改公式”命令，就会出现如下的公式编辑对话框，您可以输入各种公式:编辑完成后单击“确定”按钮就可以在编辑区中插入公式：:插入和修改艺术字利用此功能可以在网页上做出特殊效果的文字。执行“插入和修改艺术字”命令，可以插入艺术字。如果在编辑器选中已经插入的艺术字，再执行“插入和修改艺术字”命令时可以再次编辑修改。在艺术字对话框中，您可以选择艺术字的效果，字体大小，字体等，与WORD类似。插入后的效果如图：(7)文件视图菜单是打开编辑器时的默认状态。在此状态下所有编辑的内容都以HTML标记源代码方式显示或编辑。 在此状态下所有编辑的内容将以纯文本方式显示或编辑，切换成该状态时系统只保存纯文本信息，原来编辑的图形、图像、视频等信息将会丢失，请务必慎重使用。 在此状态下所有内容皆以不可编辑的页面输出方式显示，可利用此状态预览编辑内容输出后的效果。全屏编辑用于将编辑器切换到全屏，方便您查看更多的编辑内容。六、使用技巧 乾坤小挪移如果在网络上看到哪篇文章或新闻甚至页面觉得不错的话，可以用鼠标将相应页面内容全部选择起来后，直接拖动或复制到编辑器的编辑框即可，而且原页面上的图片、文字、CSS样式、动态效果等都能原封不动地转移到编辑框，不用修改或添加任何代码。 巧用插入自动播放媒体功能 插入自动播放媒体功能可以自动识别各种媒体格式并用相应的播放器在页面自动播放，而且这个功能还能识别图像文件，压缩文件等。大家可以充分利用此功能编辑出更多色声俱全的内容。 灵活运用预览状态 编辑内容中带有动态效果、即时播放媒体、GIF动画等活动内容时，编辑状态中只能显示静态的图像或播放器界面，这时只需要将状态转换为预览状态就可以马上看到这些内容的动态实时效果，如果想继续编辑的话，只需再转换到编辑状态即可。 使用快捷键使用所见即所得的编辑器能快捷、方便地编辑出效果一流的图文效果，如果使用纯手工编写代码的方法编辑则需要浪费大量时间及精力。 在任何状态模式下有效的快捷键：F1：显示帮助信息F2：显示或隐藏指导方针Ctrl+1：切换到代码编辑模式Ctrl+2：切换到可视设计编辑模式Ctrl+3：切换到纯文本编辑模式Ctrl+4：切换到预览模式Ctrl+：增大编辑区Ctrl+-：减小编辑区Ctrl+Enter：提交在三种编辑模式有效的快捷键：Ctrl+A：全选Ctrl+C：复制Ctrl+X：剪切Ctrl+V：粘贴Ctrl+Z：撤消Ctrl+Y：恢复Ctrl+F：查找 在可视设计编辑模式有效的快捷键：Ctrl+B：粗体Ctrl+I：斜体Ctrl+U：下划线Ctrl+D：从Word粘贴Ctrl+R：查找与替换Shift+Enter：软回车，相当于插入注意事项： 部分提供修改功能的按键或选项，只需选择原来插入的对象，再按同一按键或选项，即可进行修改。 部分提供设置功能的按键或选项，都可以通过再按一次按键或选项来取消前一次的设置。 编辑栏使用说明： 编辑器编辑栏主要放置供使用者编辑内容的编辑框，若内容超出框架宽度或长度的话，会自动出现滚动条。另外还可通过状态栏的状态转换可转换编辑框的不同编辑状态。 七、常见问题问：我不会任何HTML语法及没有任何主页制作经验，能用好这个编辑器吗？答：绝对没有任何问题，因为编辑器是完全所见即所得的，所以HTML语法都在后台自动生成。至于使用方面，本编辑器也尽量做到简单易用，相信您能在短时间内学会使用这个功能强大的编辑器的。问：与普通文本输入框相比，HTML编辑器有什么优势之处？答：最大的优势就是让使用者更方便快捷地编写出各种不同样式及效果的HTML内容，以往普通文本输入框要实现这些HTML效果的内容就需要使用者具备一定的HTML语法或UBB语法，而且编写内容的时候是手工编写代码方式的，除了不直观以外，还经常出现编写好内容并输出后才发现效果不理想等情况。而使用HTML编辑器则完全杜绝了这些情况的发生。问：为什么我无法使用编辑器的部分或全部功能？答：因为编辑器使用了JAVASCRIPT客户端语言，如果浏览器不支持JAVASCRIPT或关闭了这个功能的话，编辑器就不能正常工作了。另外，编辑器还需要使用者的浏览器版本是IE5.5以上，否则编辑器同样不能正常工作。问：为什么我编辑的内容都会多一个逗号？答：因为内容超过100K时，这个编辑器有自动文件截取功能，使得大的文件内容也能提交，突破microsoft的表单限制。所以请保证使用下面的形式接收提交来的数据： 问：为什么不能上传超过200K的文件？答：win2003的IIS 6.0对asp的上传文件大小为200k限制，aspx的上传程序没有影响。在IIS6.0中，默认设置是特别严格和安全的，最大只能传送 204,800 个字节，这样可以最大限度地减少因以前