首页 发现 帮助
注册 登录
limeng
/
cetdz
关注 1
点赞 0
派生 0
文件 工单管理 0 合并请求 0 Wiki
分支: master
分支列表 标签列表
cetdz
/
WebRoot
/
eWebEditor
/
dialog
/
help
/
main.htm

main.htm 14 KB
永久链接 文件历史 原始文件

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246 
  1. <HTML>
    2. 

  2. <HEAD>
    3. 

  3. <TITLE>eWebEditor - 在线使用帮助</TITLE>
    4. 

  4. <META http-equiv=Content-Type content="text/html; charset=gb2312">
    5. 

  5. <style>
    6. 

  6. BODY { FONT-SIZE: 9pt; COLOR: efefef; FONT-FAMILY: "宋体"}
    7. 

  7. A {	COLOR: #ffffff; FONT-FAMILY: 宋体; TEXT-DECORATION: underline }
    8. 

  8. A:hover { COLOR: #ffff00; FONT-FAMILY: 宋体; TEXT-DECORATION: none }
    9. 

  9. .plus {	FONT-WEIGHT: bold; COLOR: #ffffff; FONT-FAMILY: 宋体;font-size:12pt }
    10. 

  10. HR { FILTER: alpha(opacity=100,finishopacity=0,style=1,startx=0,starty=0,finishx=185,finishy=0); COLOR: #ffffff; HEIGHT: 1px}
    11. 

  11. td { font-size: 9pt;}
    12. 

  12. </style>
    13. 

  13. </HEAD>
    14. 

  14. <BODY bgcolor="#00557D" topmargin="3">
    15. 

  15. <HR SIZE=1>
    16. 

  16. <a name=top></a>
    17. 

  17. <span class=plus>帮助中心</span>
    18. 

  18. <ul>
    19. 

  19. <li><a href="#function">功能概述</a>
    20. 

  20. <li><a href="#face">界面概述</a>
    21. 

  21. <li><a href="#menu">菜单栏使用说明</a>
    22. 

  22. <li><a href="#edit">编辑栏使用说明</a>
    23. 

  23. <li><a href="#state">状态栏使用说明</a>
    24. 

  24. <li><a href="#skill">使用技巧</a>
    25. 

  25. <li><a href="#question">疑难解答</a>
    26. 

  26. </ul>
    27. 

  27. <HR SIZE=1>
    28. 

  28. 

  29. <a name=function></a>
    30. 

  30. <span class=plus>在线编辑器功能概述：</span> 
    31. 

  31. <P> 所见即所得的在线编辑器。顾名思义，就是能在网络上使用所见即所得的编辑方式进行编辑图文并茂的文章、新闻、讨论贴、通告、记事等多种文字处理应用。其主要特点如果下：</P>
    32. 

  32. <UL>
    33. 

  33.   <LI><b>所见即所得</b><BR>
    34. 

  34.       即通过编辑器编辑的文字、图片等HTML标记输出到页面的效果和编辑时显示的效果一致，让使用者方便地对编辑的内容进行修改、排版等。
    35. 

  35.   <LI><b>自动转换为HTML代码</b><BR>
    36. 

  36.       在编辑状态编辑的文字、图片等内容都在后台自动转换为可被浏览器识别的HTML标记语言，使用者更能在代码状态在对代码标记进行修改。
    37. 

  37.   <LI><b>简单易用</b><BR>
    38. 

  38.       编辑器的编辑及使用方法与FrontPage、Dreamweaver等著名主页制作软件类似。无需任何HTML语法知识、儍瓜式的操作让即使没有主页制作经验的使用者也能快速上手。
    39. 

  39.   <LI><b>方便快捷</b><BR>
    40. 

  40.       使用所见即所得的编辑器能快捷、方便地编辑出效果一流的图文效果，如果使用纯手工编写代码的方法编辑则需要浪费大量时间及精力。
    41. 

  41. </UL>
    42. 

  42. <HR SIZE=1>
    43. 

  43. 

  44. <a name=face></a>
    45. 

  45. <span class=plus>在线编辑器界面概述：</span> 
    46. 

  46. <P> 所见即所得的在线编辑器界面主要分为以下三大部分：</P>
    47. 

  47. <UL>
    48. 

  48.   <LI><b><a href="#menu">菜单栏</a></b><BR>
    49. 

  49.       编辑器顶部为菜单栏，主要放置各种编辑功能的选项及按钮图标，使用者只需点击图标或选择相关选项即可实时对编辑栏编辑的内容进行添加或修改、修饰。
    50. 

  50.   <LI><b><a href="#edit">编辑栏</a></b><BR>
    51. 

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

  52.   <LI><b><a href="#state">状态栏</a></b><BR>
    53. 

  53.       编辑器底部为状态栏，主要放置转换编辑器状态的按钮图标，状态共分为：代码状态、编辑状态（默认）、预览状态。具体每种状态的作用请详见帮助中心目录的“状态栏使用说明”。
    54. 

  54. </UL>
    55. 

  55. <HR SIZE=1>
    56. 

  56. 

  57. <a name=menu></a>
    58. 

  58. <span class=plus>在线编辑器菜单栏使用说明：</span> 
    59. 

  59. <P> 一、编辑器菜单栏图标功能使用说明如下：</p>
    60. 

  60. <ul>
    61. 

  61. 

  62. 	<li><img border=0 src="../../buttonimage/standard/bold.gif">：设置字体样式为粗体。
    63. 

  63. 	<li><img border=0 src="../../buttonimage/standard/italic.gif">：设置字体样式为斜体。
    64. 

  64. 	<li><img border=0 src="../../buttonimage/standard/underline.gif">：设置字体样式为带下划线。
    65. 

  65. 	<li><img border=0 src="../../buttonimage/standard/strikethrough.gif">：设置字体样式为带中划线。
    66. 

  66. 	<li><img border=0 src="../../buttonimage/standard/superscript.gif">：设置字体样式为上标。
    67. 

  67. 	<li><img border=0 src="../../buttonimage/standard/subscript.gif">：设置字体样式为下标。
    68. 

  68. 

  69. 	<li><img border=0 src="../../buttonimage/standard/tobig.gif">：设置字体变大。
    70. 

  70. 	<li><img border=0 src="../../buttonimage/standard/tosmall.gif">：设置字体样变小。
    71. 

  71. 

  72. 	<li><img border=0 src="../../buttonimage/standard/justifyleft.gif">：设置内容向左对齐。
    73. 

  73. 	<li><img border=0 src="../../buttonimage/standard/justifycenter.gif">：设置内容向右对齐。
    74. 

  74. 	<li><img border=0 src="../../buttonimage/standard/justifyright.gif">：设置内容向中对齐。
    75. 

  75. 	<li><img border=0 src="../../buttonimage/standard/justifyfull.gif">：设置内容两端对齐。
    76. 

  76. 

  77. 	<li><img border=0 src="../../buttonimage/standard/insertorderedlist.gif">：设置内容以编号列表形式排列。
    78. 

  78. 	<li><img border=0 src="../../buttonimage/standard/insertunorderedlist.GIF">：设置内容以列表项形式排列。
    79. 

  79. 	<li><img border=0 src="../../buttonimage/standard/Outdent.GIF">：减少内容的缩进量。
    80. 

  80. 	<li><img border=0 src="../../buttonimage/standard/INDENT.GIF">：增加内容的缩进量。
    81. 

  81. 

  82. 	<li><img border=0 src="../../buttonimage/standard/forecolor.gif">：设置字体的颜色。
    83. 

  83. 	<li><img border=0 src="../../buttonimage/standard/BackCOLOR.GIF">：设置字体背景颜色。
    84. 

  84. 	<li><img border=0 src="../../buttonimage/standard/BgCOLOR.GIF">：设置对象背景颜色。
    85. 

  85. 

  86. 	<li><img border=0 src="../../buttonimage/standard/cut.gif">：剪切指定内容。
    87. 

  87. 	<li><img border=0 src="../../buttonimage/standard/copy.gif">：复制指定内容。
    88. 

  88. 	<li><img border=0 src="../../buttonimage/standard/paste.gif">：粘贴剪贴板中的内容。
    89. 

  89. 	<li><img border=0 src="../../buttonimage/standard/pastetext.gif">：以纯文件形式粘贴剪贴板中的内容。
    90. 

  90. 	<li><img border=0 src="../../buttonimage/standard/pasteword.gif">：粘贴从Word中复制的内容，并去除冗余格式。
    91. 

  91. 	<li><img border=0 src="../../buttonimage/standard/findreplace.gif">：查找替换功能。
    92. 

  92. 	<li><img border=0 src="../../buttonimage/standard/DELETE.GIF">：删除指定内容。
    93. 

  93. 	<li><img border=0 src="../../buttonimage/standard/removeformat.gif">：删除指定内容的格式。
    94. 

  94. 

  95. 	<li><img border=0 src="../../buttonimage/standard/undo.gif">：撒消上次操作。
    96. 

  96. 	<li><img border=0 src="../../buttonimage/standard/redo.gif">：恢复上次操作。
    97. 

  97. 

  98. 	<li><img border=0 src="../../buttonimage/standard/selectall.gif">：选定所有内容。
    99. 

  99. 	<li><img border=0 src="../../buttonimage/standard/unselect.gif">：取消选定的内容。
    100. 

  100. 

  101. 	<li><img border=0 src="../../buttonimage/standard/TableMenu.gif">：表格菜单。
    102. 

  102. 	<li><img border=0 src="../../buttonimage/standard/TableInsert.gif">：插入表格...。
    103. 

  103. 	<li><img border=0 src="../../buttonimage/standard/TableProp.gif">：表格属性...。
    104. 

  104. 	<li><img border=0 src="../../buttonimage/standard/TableCellProp.gif">：单元格属性...。
    105. 

  105. 	<li><img border=0 src="../../buttonimage/standard/TableCellSplit.gif">：拆分单元格...。
    106. 

  106. 	<li><img border=0 src="../../buttonimage/standard/TableRowProp.gif">：表格行属性...。
    107. 

  107. 	<li><img border=0 src="../../buttonimage/standard/TableRowInsertAbove.gif">：插入行（在上方）。
    108. 

  108. 	<li><img border=0 src="../../buttonimage/standard/TableRowInsertBelow.gif">：插入行（在下方）。
    109. 

  109. 	<li><img border=0 src="../../buttonimage/standard/TableRowMerge.gif">：合并行（向下方）。
    110. 

  110. 	<li><img border=0 src="../../buttonimage/standard/TableRowSplit.gif">：拆分行。
    111. 

  111. 	<li><img border=0 src="../../buttonimage/standard/TableColInsertLeft.gif">插入列（在左侧）。
    112. 

  112. 	<li><img border=0 src="../../buttonimage/standard/TableColInsertRight.gif">：插入列（在右侧）。
    113. 

  113. 	<li><img border=0 src="../../buttonimage/standard/TableColMerge.gif">：合并列（向右侧）。
    114. 

  114. 	<li><img border=0 src="../../buttonimage/standard/TableColSplit.gif">：拆分列。
    115. 

  115. 

  116. 	<li><img border=0 src="../../buttonimage/standard/FormMenu.gif">：表单菜单。
    117. 

  117. 	<li><img border=0 src="../../buttonimage/standard/FormText.gif">：插入文本输入框。
    118. 

  118. 	<li><img border=0 src="../../buttonimage/standard/FormTextArea.gif">：插入文字区。
    119. 

  119. 	<li><img border=0 src="../../buttonimage/standard/FormRadio.gif">：插入单选按钮。
    120. 

  120. 	<li><img border=0 src="../../buttonimage/standard/FormCheckbox.gif">：插入复选框。
    121. 

  121. 	<li><img border=0 src="../../buttonimage/standard/FormDropdown.gif">：插入下拉框。
    122. 

  122. 	<li><img border=0 src="../../buttonimage/standard/FormButton.gif">：插入按钮。
    123. 

  123. 

  124. 	<li><img border=0 src="../../buttonimage/standard/marquee.gif">：插入或修改字幕，即滚动文字。
    125. 

  125. 	<li><img border=0 src="../../buttonimage/standard/InsertHorizontalRule.gif">：插入水平尺。
    126. 

  126. 	<li><img border=0 src="../../buttonimage/standard/br.gif">：插入换行符。
    127. 

  127. 	<li><img border=0 src="../../buttonimage/standard/InsertParagraph.gif">：插入段落。
    128. 

  128. 

  129. 	<li><img border=0 src="../../buttonimage/standard/createlink.gif">：插入或修改超级链接。
    130. 

  130. 	<li><img border=0 src="../../buttonimage/standard/unlink.gif">：删除超级链接或标签。
    131. 

  131. 	<li><img border=0 src="../../buttonimage/standard/bookmark.gif">：标签管理。
    132. 

  132. 

  133. 	<li><img border=0 src="../../buttonimage/standard/fieldset.gif">：在指定位置插入或修改栏目框。
    134. 

  134. 	<li><img border=0 src="../../buttonimage/standard/iframe.gif">：在指定位置插入或修改网页帧。
    135. 

  135. 

  136. 	<li><img border=0 src="../../buttonimage/standard/img.gif">：在指定位置插入或修改图片。
    137. 

  137. 	<li><img border=0 src="../../buttonimage/standard/flash.gif">：在指定位置插入Flash动画。
    138. 

  138. 	<li><img border=0 src="../../buttonimage/standard/media.gif">：在指定位置插入自动播放的媒体文件。
    139. 

  139. 	<li><img border=0 src="../../buttonimage/standard/file.gif">：在指定位置插入其它文件。
    140. 

  140. 

  141. 	<li><img border=0 src="../../buttonimage/standard/excel.gif">：在指定位置插入EXCEL表格。
    142. 

  142. 	<li><img border=0 src="../../buttonimage/standard/symbol.gif">：在指定位置插入特殊字符。
    143. 

  143. 	<li><img border=0 src="../../buttonimage/standard/bgpic.gif">：指定位置的背景图片管理。
    144. 

  144. 	<li><img border=0 src="../../buttonimage/standard/emot.gif">：在指定位置插入表情图标。
    145. 

  145. 

  146. 	<li><img border=0 src="../../buttonimage/standard/date.gif">：在指定位置插入当前日期。
    147. 

  147. 	<li><img border=0 src="../../buttonimage/standard/time.gif">：在指定位置插入当前时间。
    148. 

  148. 

  149. 	<li><img border=0 src="../../buttonimage/standard/code.gif">：转换指定内容为代码样式。
    150. 

  150. 	<li><img border=0 src="../../buttonimage/standard/quote.gif">：转换指定内容为引用样式。
    151. 

  151. 

  152. 	<li><img border=0 src="../../buttonimage/standard/showborders.gif">：显示或隐藏指导方针。
    153. 

  153. 	<li><img border=0 src="../../buttonimage/standard/refresh.gif">：新建文档功能。
    154. 

  154. 	<li><img border=0 src="../../buttonimage/standard/abspos.gif">：相对或绝对位置设置功能。
    155. 

  155. 	<li><img border=0 src="../../buttonimage/standard/forward.gif">：上移一层。
    156. 

  156. 	<li><img border=0 src="../../buttonimage/standard/backward.gif">：下移一层。
    157. 

  157. 	<li><img border=0 src="../../buttonimage/standard/zoommenu.gif">：缩放菜单。
    158. 

  158. 

  159. 	<li><img border=0 src="../../buttonimage/standard/sizeplus.gif">：增高编辑区。
    160. 

  160. 	<li><img border=0 src="../../buttonimage/standard/sizeminus.gif">：减小编辑区。
    161. 

  161. 

  162. 	<li><img border=0 src="../../buttonimage/standard/modecodebtn.gif">：转为代码状态。
    163. 

  163. 	<li><img border=0 src="../../buttonimage/standard/modeeditbtn.gif">：转为编辑状态。
    164. 

  164. 	<li><img border=0 src="../../buttonimage/standard/modeviewbtn.gif">：转为预览状态。
    165. 

  165. 

  166. 	<li><img border=0 src="../../buttonimage/standard/print.gif">：打印全页。
    167. 

  167. 	<li><img border=0 src="../../buttonimage/standard/save.gif">：保存内容到相关联的表单。
    168. 

  168. 

  169. 	<li><img border=0 src="../../buttonimage/standard/maximize.gif">：打开全屏编辑。
    170. 

  170. 	<li><img border=0 src="../../buttonimage/standard/minimize.gif">：关闭全屏编辑并返回。
    171. 

  171. 

  172. 	<li><img border=0 src="../../buttonimage/standard/help.gif">：查看在线使用帮助。
    173. 

  173. 	<li><img border=0 src="../../buttonimage/standard/about.gif">：关于编辑器的版权信息。
    174. 

  174. 

  175. </ul>
    176. 

  176. <p>二、编辑器菜单栏下拉选项功能使用说明如下：</p>
    177. 

  177. <ul>
    178. 

  178. 	<li>段落格式：<br>设置文字内容的段落格式，使内容更加条理及便于阅读。
    179. 

  179. 	<li>特殊字体格式：<br>设置文字内容的特殊格式，包括删除线、飞行文字、移动文字等。
    180. 

  180. 	<li>选择字体：<br>设置文字内容的字体格式，可用自定义字体功能设置列表中没出列出的字体格式。注：需浏览者操作系统安装有相应字体文件才可正常显示自定义的字体。
    181. 

  181. 	<li>字号：<br>设置文字内容的大小。共分7种尺寸。
    182. 

  182. 	<li>缩放：<br>缩小或放大编辑区内的内容。
    183. 

  183. </ul>
    184. 

  184.   <br>
    185. 

  185.   <br>
    186. 

  186. <p>三、注意事项：</p>
    187. 

  187. <ol>
    188. 

  188.   <li>部分提供修改功能的按键或选项，只需选择原来插入的对象，再按同一按键或选项，即可进行修改。
    189. 

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

  190. </ol>
    191. 

  191. <HR SIZE=1>
    192. 

  192. 

  193. <a name=edit></a>
    194. 

  194. <span class=plus>在线编辑器编辑栏使用说明：</span> 
    195. 

  195. <ul>
    196. 

  196.   <li> 编辑器编辑栏主要放置供使用者编辑内容的编辑框，若内容超出框架宽度或长度的话，会自动出现滚动条。另外还可通过状态栏的状态转换可转换编辑框的不同编辑状态。
    197. 

  197. </ul>
    198. 

  198. <HR SIZE=1>
    199. 

  199. 

  200. <a name=state></a>
    201. 

  201. <span class=plus>在线编辑器状态栏使用说明：</span> 
    202. 

  202. <P> 编辑器状态栏放置有编辑器状态转换栏，共有三种状态可供转换，详细如下：<br>
    203. 

  203.   <br>
    204. 

  204.   <img src="../../buttonimage/standard/modeedit.gif" width="50" height="15">：编辑状态(默认)，在此状态下所有编辑的内容皆为所见即所得的方式。<br>
    205. 

  205.   <br>
    206. 

  206.   <img src="../../buttonimage/standard/modecode.gif" width="50" height="15">：代码状态，在此状态下所有编辑的内容皆以HTML标记源代码方式显示或编辑。<br>
    207. 

  207.   <br>
    208. 

  208.   <img src="../../buttonimage/standard/modepreview.gif" width="50" height="15">：预览状态，在此状态下所有内容皆以不可编辑的页面输出方式显示，可利用此状态预览编辑内容输出后的效果。</P>
    209. 

  209. <HR SIZE=1>
    210. 

  210. 

  211. <a name=skill></a>
    212. 

  212. <span class=plus> 编辑器使用技巧一览：</span>
    213. 

  213. <UL>
    214. 

  214.   <LI><b>乾坤小挪移</b><BR>
    215. 

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

  216.   <LI><b>巧用插入自动播放媒体功能</b><BR>
    217. 

  217.       插入自动播放媒体功能可以自动识别各种媒体格式并用相应的播放器在页面自动播放，而且这个功能还能识别图像文件，压缩文件等。大家可以充分利用此功能编辑出更多色声俱全的内容。
    218. 

  218.   <LI><b>灵活运用预览状态</b><BR>
    219. 

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

  220. </UL>
    221. 

  221. <HR SIZE=1>
    222. 

  222. 

  223. <a name=question></a>
    224. 

  224. <span class=plus>在线编辑器疑难解答：</span> 
    225. 

  225. <P> Q：我不会任何HTML语法及没有任何主页制作经验，能用好这个编辑器吗？<br>
    226. 

  226.   <br>
    227. 

  227.   A：绝对没有任何问题，因为编辑器是完全所见即所得的，所以HTML语法都在后台自动生成。至于使用方面，本编辑器也尽量做到简单易用，相信您能在短时间内学会使用这个功能强大的编辑器的。<br>
    228. 

  228.   <br>
    229. 

  229.   <br>
    230. 

  230.   Q：与普通文本输入框相比，HTML编辑器有什么优势之处？<br>
    231. 

  231.   <br>
    232. 

  232.   A：最大的优势就是让使用者更方便快捷地编写出各种不同样式及效果的HTML内容，以往普通文本输入框要实现这些HTML效果的内容就需要使用者具备一定的HTML语法或UBB语法，而且编写内容的时候是手工编写代码方式的，除了不直观以外，还经常出现编写好内容并输出后才发现效果不理想等情况。而使用HTML编辑器则完全杜绝了这些情况的发生。<br>
    233. 

  233.   <br>
    234. 

  234.   <br>
    235. 

  235.   Q：为什么我无法使用编辑器的部分或全部功能？<br>
    236. 

  236.   <br>
    237. 

  237.   A：因为编辑器使用了JAVASCRIPT客户端语言，如果浏览器不支持JAVASCRIPT或关闭了这个功能的话，编辑器就不能正常工作了。另外，编辑器还需要使用者的浏览器版本是IE5.0以上，否则编辑器同样不能正常工作。</P>
    238. 

  238. <HR SIZE=1>
    239. 

  239. 

  240. &copy; 2003-2004 eWebEditor&#8482; <span ID=d_Version></span>
    241. 

  241. 

  242. <script language=javascript>
    243. 

  243. d_Version.innerHTML = "Version " + parent.dialogArguments.config.Version ;
    244. 

  244. </script>
    245. 

  245. </BODY>
    246. 

  246. </HTML>
    247.