ufreeeditor

使用者指南

 
    以下的内容将向您介绍ufree1.0的功能。在您熟悉它的功能后,您会发现它的编辑方式与powerpoint有很多相似之处。
 
    ufree的基本界面由可拖动的工具条和各种操作框构成,您可以隐藏其中多数的工具条和操作框,任意拖动设置界面以方便您的编辑,并且得到尽可能大的编辑区。
 
A.主工具条
 
    主工具条是ufree的两个不可隐藏的工具条之一,您的多数编辑操作都将借助于这两个工具条完成。
    下面示意图说明了主工具条的功能:
 
 
1.拖动按钮
    在ufree中,所有的工具条和操作框都是可拖动的,您只需要按住拖动按钮即可将它们拖动到您想要的位置,通过拖动功能您可以自由布置界面以方便您的编辑。ufree希望通过各种创新为您提供更富创意的编辑模式。
 
2.插入编辑框
    ufree不同于一般在线编辑器的最大区别在于提供类似于powerpoint的编辑模式,ufree通过提供可拖拉控件来实现这种编辑模式,上图列出的2-9均是ufree提供的基本控件,您可以通过这些控件实现基本的ppt编辑模式。
 
    编辑框控件为您提供一个可自由拖拉的框体,您可以在该框体中进行各种文字编辑,与在基本编辑窗口中进行文字编辑不同,在编辑框中编辑完成的文字可随编辑框拖拉到编辑区的任意位置。同时您也可以对编辑框进行边框、颜色等基本设置。编辑框示意图如下:
注意:您可以看到在编辑框内部,您同样可以对不同的文字块(以换行为不同文字块)进行颜色和边框的设置,只需要让光标在想要操作的文字块即可。
 
    关于控件拖动:控件只有在出现下图所示的外框时才能进行拖动,某些控件需要您将鼠标移动到控框处点击才能出现拖动外框。见下图:
 
3.插入栏目
    与插入编辑框相似,栏目具有标题。
 
4.插入图片
    点击该按钮后会提示您输入图片的相对路径,如果您的图片是网络上的图片,您只需要输入http://...形式的地址即可;如果您将ufree用为单机编辑器,那么您需要输入图片的相对地址,例如您要添加的图片sample.jpg和您编辑的页面在同一个文件夹下,那么您只需要输入图片的文件名sample.jpg即可,如果您的图片在img文件夹下,而img文件夹和您编辑的页面在同一个文件夹中,那么您就应该输入img/sample.jpg。以上形式和您编辑一般形式的网页是完全相同的,一定的HTML的知识会有助于您熟悉这些操作。
 
    图片控件拥有自己附加工具条,其中提供了专门针对图片操作的特殊功能,当您当前的可拖动控件为图片控件时,该工具条才会显示,一旦您的操作焦点离开图片控件,该工具条就会消失,请看下图的示意:
 
5.插入表格
    点击该按钮后会提示您输入表格的行数和列数,您应该输入正整数,如果您的输入格式有误将不会生成表格。在生成表格后,其中的单元格内会首先填充“>”,这主要是为了解决firefox下兼容性问题,请您谅解。表格控件和图片控件一样也有自己的附加工具条,请看下面的示意图:
注意:您可能会发现该工具条中只提供了“删除行”功能,如果您想删除列则必须使用“删除该单元格”功能来删除同一列中的所有单元格,这样该列即被删除。或者您也可以使用“向下合并单元格”功能,将整列合并为一个单元格,然后删除。
 
6.插入网页
    该按钮会提示您输入一个网页地址,标准形式为“http://。。。”,然后编辑区内即会出现该页面的浮框,您可以调整其大小和位置,请看下面的示意图:
 
7.插入多媒体文件
    与插入网页的功能类似,您只要输入多媒体文件的地址即可,标准形式也是http://....,然后编辑区内即会出现播放窗口,您可以调整其大小和位置,并且该控件还有一个链接设置工具条,可以让您设置播放窗口的超链接。
 
8.插入代码框
    该控件功能代码引自双鱼编辑器,首先向原作者表示感谢。具体使用方法很清晰,见下图:
图8-1
图8-2
图8-3
注意:请看上面图8-2的显示实际是正常的,在预览区图8-3即正常显示。
 
9.插入链接框
    链接框实际是一个透明的gif图片,通过将链接框覆盖在某些区域上,用户在点击到这些区域时即会跳转到您为该链接框设置的地址去。
 
注意:以上从2-9即为目前ufree提供的基本控件,这些控件都有共同的基本操作,比如改变控件外框风格、颜色、内部填充色、是否透明等,接下来将介绍如何进行这些设置。
 
10.复制控件
    接下来我们将介绍的几个按钮都是针对各种控件的通用操作,通过它们提供的功能,您就编辑出风格各异的控件了。
    与我们在一般编辑软件中可以对控件直接使用ctrl+c快捷键不同,在ufree1.0版本中,我们暂时不提供快捷键的支持,因此您需要使用该按钮来复制控件,这可以省去您重复制作相同样式控件的劳动。
 
11.删除控件
    实际在IE中,您使用delete键即可删除控件,但是在firefox中,您就必须使用该按钮来删除控件。
 
12.升高控件层&13.降低控件层
    有时您在编辑中可能会遇到控件间彼此覆盖的问题,这两个按钮可以象在powerpoint中一样帮助您调节控件间的覆盖关系。
 
14.设置外框颜色
    用来设置控件外框的颜色。
 
15.设置填充色
    用来设置控件内部的填充色。
 
16.设置控件透明
    用来设置控件透明。
   
17.设置控件可移动
    有时,您可能会引入一些原本不是ufree编辑的页面,来用ufree对它们进行二次编辑,这时页面中的控件一般是不可移动的,而该按钮可以设置这些控件为可移动。
 
18.设置外框风格
    用来设置外框的风格。
 
19.设置保存点&20.恢复保存点
    通过设置保存点功能,您可以保留住当前编辑状态,然后用“恢复保存点”按钮即可恢复到该状态。
    注意:一旦你关闭浏览器,一切保存点都会随之消失。
 
21.设置页面背景色
    您可以设置想要的页面颜色。
 
22.增大编辑区高度
    有时可能您的编辑已经达到编辑区的下沿,这时您就可以使用该功能放大编辑区,以获得更加充裕的编辑空间。
   
23.增大编辑区宽度
    与增大编辑区高度功能类似,您可以用该按钮放大编辑区的宽度。
 
24.恢复标准大小    
    该按钮可以将编辑区设置为合适的最小空间。
 
25.代码编辑器
    代码编辑器提供了“根据代码刷新编辑区”和“根据编辑区刷新代码”两个基本功能:
    根据代码刷新编辑区:您可以自己输入代码,然后编辑区刷新为代码内容
    根据编辑区刷新代码:将显示目前编辑区的代码内容
    
26.预览
    将在新窗口显示您所编辑的页面。
 
27.清空编辑区
    该按钮将清除编辑区内中的所有内容。
 
28.关于
    您可以在这里获得ufree的使用帮助地址。
 
B.文本编辑工具条
    该编辑条提供了一般在线编辑器的功能,可以满足您进行普通文本编辑的需要,这里不对各项功能进行详细介绍,请简见下图:

 
注意:
    在文本编辑模式下,您的编辑将与一般编辑器下没有什么不同。如果您希望象powerpoint那样进行自由拖放式的编辑,那么你就应该在编辑框控件中进行文本编辑,而不应该直接在编辑区内进行文本编辑,否则应对不同大小的页面,文字换行的不同位置会引起控件与文字的重叠。