3.5.3 样式属性设置

在样式的新增和修改设置中，我们都将看到如下的界面：

在以上的操作界面输入框中，鼠标移到指定的输入框上，都会看到有更为详细的设置说明。

注意：不同版本(ASP版, PHP版, .NET版, JSP版)的设置选项可能会有一些不同，但总体基本是一样的。

普通设置部分

l          样式名称
样式名称应是唯一的，取一个比较好记的名称，同时将用于调用。注意只能是英文字母数字形式。
如下面的调用中，"coolblue"指的就是这个名称。

l          初始模式
编辑器共有4种模式：代码模式、编辑模式、纯文本模式、预览模式
初始模式，指的是页面打开时，默认使用的模式。

l          限宽模式宽度
指定是否启用限宽模式，及设定限宽模式时的宽度值。如果留空，则不启用。可以设置为有效的宽度值，可以带单位，如“500px”。如果此值有设，则在编辑器前台只能在固定的宽度中编辑内容。更有效保证编辑器编辑区与应用系统前台显示页内容显示区的宽度一致，保持所见即所得的效果。

l          界面皮肤目录
指定界面皮肤定义的文件夹名。所有可设的文件夹名在“ewebeditor/skin/”文件夹中。可以从其后的下拉框中选择系统自带的皮肤。
eWebEditor V5.0版系统自带10套皮肤，分别为：blue1、blue2、green1、light1、office2000、 office2003、officexp、red1、vista1、yellow1。默认是“office2003”。
当然，您也可以自己定制一套皮肤，然后存放到skin目录中，并在此定义引用。

l          最佳宽度
编辑的最佳调用宽度，通过此设置后，然后查看预览，就可以直观的看到自己设定的编辑器大约在调用时用多大的宽度最合适。单位为象素px.

l          最佳高度
编辑的最佳调用高度，通过此设置后，然后查看预览，就可以直观的看到自己设定的编辑器大约在调用时用多大的高度最合适。单位为象素px.

l          显示状态栏及按钮
设定在页面打开时，编辑器下方的状态栏及状态栏上的按钮是否显示。有四种模式按钮的可见模式可选：“代码”、“编辑”、“预览”、“文本”。当状态栏设为不显示时，按钮的设置无效。
当您的应用系统最终用户只需要可视编辑模式，而不需要其它的模式时，可以通过设定取消状态栏选项选定实现。

l          自动Word粘贴检测
指定当操作者从Word中拷贝(CTRL+C)内容，然后在编辑器中粘贴(CTRL+V)时，是否会自动有如下的提示确认对话框：“你要粘贴的内容好象是从Word中拷出来的，是否要先清除Word格式再粘贴？”
有“是”和“否”两个选项，系统的默认设置“是”，是有提示对话框的。

l          允许远程文件上传
指定是否允许上传远程文件，默认是“允许”。当设为“不允许”，工具栏的“远程自动上传”按钮功能将无效。
远程文件上传功能，能把其它站点上的文件(如图片文件,flash文件等)上传到自己的站点内。关于远程文件的功能，请参见相关章节的说明。

l          显示或隐藏指导方针
指编辑器页面打开时，初始的“显示或隐藏指导方针”功能是开的还是关的。此处只是初始值，最终用户可以通过点击工具栏上的“显示或隐藏指导方针”图标，使用此功能。
当“显示或隐藏指导方针”功能为打开时，表格的边线会有一条虚线显示，即使border=0。这样方便表格的选定操作，及了解表格当前的定位。

l          自动语言检测
eWebEditor是支持多语言的。
当此选项设置为"是"时，eWebEditor将自动检测客户端操作系统的语言环境，并选择适合其环境的语言界面。当未找到适合的语言包时，将按"默认语言"中的设置进行显示。
当此选项设置为"否"时，不管客户端操作系统是什么语言环境，都将使用"默认语言"中的设置。

l          默认语言
eWebEditor默认使用的语言界面。参见"自动语言检测"设置。

l          回车换行模式
在编辑器中按回车键时，可以代表输入段落<P>或换行<BR>。两种模式可选。
不建议使用<BR>模式，使用<BR>模式会失去很多段落的功能效果。如果只是为了中文的段间距，建议使用样式控制。如：
p {martin-top:0px;margin-bottom:0px}。
使用以上样式定义，可以使用输入段落<P>与输入<BR>的表现效果是一样的。

l          编辑区CSS模式
有两种模式可选：常规模式和Word导入模式。当使用Word导入模式时，能最佳实现Word文档导入或粘贴时的效果。

l          备注说明
对此样式的概括说明，方便记忆。

上传文件路径相关设置

l          上传组件
在不同的平台上，eWebEditor提供了对多种上传组件或类的支持，使您可以跟据您的WEB服务器的情况，使用适合自己的上传方法。
以下为各版本当前支持的上传方法列表：
ASP版：无组件上传类(默认), ASPUpload, SA-Fileup, LyfUpload
.NET版：.NET自带上传方法(默认), ASPUpload, SA-Fileup, LyfUpload
PHP版：PHP自带上传方法
JSP版：JspSmartUpload

l          年月日自动目录
通过此设置，指定是否在上传文件的同时，自动创建日期格式的目录。共有4个选项：
不使用：(默认)不创建目录，直接存到指定上传目录。如：uploads/xxx.gif
年目录：在指定上传目录下，按年格式创建目录。如：uploads/2005/xxx.gif
年月目录：在指定上传目录下，按年月格式创建目录。如：uploads/200501/xxx.gif
年月日目录：在指定上传目录下，按年月日格式创建目录。如：uploads/20050101/xxx.gif

l          上传文件浏览
指是否允许操作人浏览并插入已上传的图片等文件。此设置默认为关闭。
如果开启此功能，则在前台插入图片、插入媒体、插入FLASH、插入其它文件的对话框中会多一个“浏览”服务器上相应文件的按钮，如下图：

点击浏览按钮，将出现下图所示的文件浏览对话框。具有文件夹浏览。具有按文件名称、文件类型、文件大小、文件修改时间排序功能，正序和倒序可选。具有缩略图、详细资料、图标、列表四种查看模式。如下图：

l          自定上传路径接口
默认此功能关闭。如果启用此功能，您可以使用上传路径接口在程序中动态设置上传的路径。此功能常用于多用户的系统中，把不同的用户上传的文件分别存为不同的文件夹中。
接口名称为：cusdir。当关闭此功能时，此接口无效。示例如下：

l          路径模式
有四种路径模式可供选择：相对路径，绝对根路径，绝对全路径，站外绝对全路径。这多种路径模式，能完全满足站点迁移及各类应用系统在文件路径上的需要。
您需要选择哪种模式，只要从下面的样例中选择您要的格式，即能确定。
相对路径模式：最终文件格式如: src="../xxx/xxx.gif"
绝对根路径模式：(默认模式)最终文件格式如: src="/xxx/xxx.gif"
绝对全路径模式：最终文件格式如: src=http://www.yoursite.com/xxx/xxx.gif
站外绝对全路径模式：最终文件格式: src=http://www.othersite.com/xxx/xxx.gif

l          上传路径
是指上传文件保存的路径，默认设置为"uploadfile/"，即实际保存于ewebeditor/uploadfile/目录。
这里设置的路径是相对ewebeditor根目录而言的。

例1, 如您的系统目录结构如下:
eWebEditor目录：/ewebeditor/
上传文件准备存放的目录：/uploads/
则"上传路径"应设为"../uploads/"

例2, 如您的系统目录结构如下:
eWebEditor目录：/ewebeditor/
上传文件准备存放的目录：/ewebeditor/uploads/
则"上传路径"应设为"uploads/"

注意：当使用站外绝对全路径模式时，此处的上传路径设置的是绝对物理路径，如“c:\my\uploads\”。这是与其它路径模式不同之处。

l          显示路径
只有使用"相对路径模式"，才有必要对此项进行设置。"显示路径"意指的是内容显示页文件所在的路径。如新闻系统有一个命名为"show.asp"文件的页面，此页面实现的是把数据库中指定记录的新闻标题及用编辑器编辑过的新闻内容读出，并显示给网站的浏览者。前面指的"显示路径"就是"show.asp"文件所在的路径。
注意：显示路径的设置必须以"/"开头。

例1, 如您的新闻系统目录结构如下:
/news/show.asp
则"显示路径"应设为"/news/"

例2, 如您的新闻系统目录结构如下:
/mysystem/mynews/shownews.asp
则"显示路径"应设为"/mysystem/mynews/"

l          内容路径
只有使用"相对路径"和”站外绝对全路径” 模式，才有必要对此项进行设置。"内容路径"意指编辑的内容以HTML代码表示时，此时的路径格式。设置值应为相对路径形式。

例1：如您的新闻系统的目录结构如下:
内容显示页路径: /news/show.asp
上传文件保存路径: /news/uploads/xxx.gif
则"内容路径"应设为"uploads/"

例2：如您的新闻系统的目录结构如下:
内容显示页路径: /news/show.asp
上传文件保存路径: /uploads/xxx.gif
则"内容路径"应设为"../uploads/"

例3：当使用站外绝对全路径模式时:
内容路径设为”http://www.othersite/xxx/uploads/”

三种路径模式，都有其各自优势之处，具体看您的需要进行选择。

以下为路径模式选择一般规则，您可以根据自己的实际情况选择，不一定非得遵守以下规则：

l          "绝对根路径模式"：整站系统程序常用
如果上传文件保存目录，针对整个站点，是固定的，整个站点有多个应用系统，所有上传文件都保存于一个共用的目录中，此种情况，我们建议您使用"绝对根路径模式"。此种结构，只要上传文件目录不变，站点中所有的程序都可以任意移动，内容中的链接也不会失效。此种结构的好处在于，无论内容显示页在什么目录，您可以正确的链接到相应的文件。

l          "相对路径模式"：独立子系统常用
如果您的系统相对站点独立，各个系统都有自己的上传文件存放目录。此种情况，我们建议您使用"相对路径模式"。此种结构，在系统迁移时，只要把整个系统中的所有文件一起移动即可。但一个系统中的内容，如在其它系统中调用显示，可能会链接错误。

l          "绝对全路径模式"：邮件系统常用
当把编辑器集成在邮件系统发送内容表单中使用时，如果发送的内容中带有链接或图片等HTML格式的内容，其中的路径必须使用绝对全路径。这样收件人，收到的内容中的文件路径才不会出错，才能正常显示相应的图片等信息。

l          “站外绝对全路径模式”：文件服务器应用
当您有单独的文件服务器，各系统或网站的上传文件都传到指定的文件服务器中。或上传文件需要放在另一个磁盘。即上传文件与编辑器程序，不在同一个站点内。此时需要使用站外绝对全路径模式，所有文件链接到你的文件服务站点，以http形式开头路径地址。使用此模式时，需要注意你系统权限的设置。

相对路径的参数设置是本配置的一个难点。为更好的说明使用相对路径模式时，各参数的设置方法，下面提供几个实例帮助您的理解。

例1: "应用系统目录"、"上传文件目录"、"eWebEditor目录"，三个目录全部独立分开
计划目录结构:
eWebEditor所在目录: /ewebeditor/ewebeditor.htm
上传文件存放目录: /uploads/xxx.gif
内容显示页文件所在目录: /news/show.asp
相对路径模式的参数设置:
上传路径: ../uploads/
显示路径: /news/
内容路径: ../uploads/

例2: "上传文件目录"、"eWebEditor目录"都在"应用系统目录"中
计划目录结构:
eWebEditor所在目录: /news/ewebeditor/ewebeditor.htm
上传文件存放目录: /news/uploads/xxx.gif
内容显示页文件所在目录: /news/show.asp
相对路径模式的参数设置:
上传路径: ../uploads/
显示路径: /news/
内容路径: uploads/

例3:、"eWebEditor目录"独立，"上传文件目录"在"应用系统目录"中
计划目录结构:
eWebEditor所在目录: /ewebeditor/ewebeditor.htm
上传文件存放目录: /news/uploads/xxx.gif
内容显示页文件所在目录: /news/show.asp
相对路径模式的参数设置:
上传路径: ../news/uploads/
显示路径: /news/
内容路径: uploads/

上传文件类型及大小设置

l          图片文件类型及限制
允许上传的图片文件类型及每个图片文件大小允许的最大值。
此设置将作用于"Insert/Modify Image"对话框中的文件上传。
默认文件类型：gif, jpg, jpeg, bmp
默认最大限制：100KB

l          Flash文件类型及限制
允许上传的Flash文件类型及每个Flash文件大小允许的最大值。
此设置将作用于"Insert Flash"对话框中的文件上传。
默认文件类型：swf
默认最大限制：100KB

l          媒体文件类型及限制
允许上传的媒体文件类型及每个媒体文件大小允许的最大值。
此设置将作用于"Insert Media"对话框中的文件上传。
默认文件类型：rm, mp3, wav, mid, midi, ra, avi, mpg, mpeg, asf, asx, wma, mov
默认最大限制：100KB

l          其它文件类型及限制
允许上传的其它文件类型及每个文件大小允许的最大值。
此设置将作用于"Insert File"对话框中的文件上传。
默认文件类型：rar, zip, exe, doc, xls, chm, hlp
默认最大限制：500KB

l          远程上传文件类型及限制
允许上传的远程文件类型及每个远程文件大小允许的最大值。
此设置将作用于"Upload External File"按钮图标功能。
默认文件类型：gif, jpg, jpeg, bmp
默认最大限制：100KB

缩略图及水印相关设置

l          图形处理组件
选择您想使用的图形处理组件，当前只有一种可选，预留以后扩充。

l          处理图形扩展名
系统只会对符合指定的扩展名的文件使用缩略图或水印功能。使用此设置，您可以只对bmp格式的图形使用缩略图或水印功能，而不对jpg格式的使用此功能。

l          缩略图使用状态
通过此设置控制缩略图功能的打开或关闭。有"on"和"off"可选。当为"off"时，与缩略图功能相关的其它设置都无效。

l          缩略图长度条件
当图形的宽度或高度大于指定的值时，才会使用缩略图功能。单位px。

l          缩略图生成长度
当图形文件满足缩略图生成条件时，由此处指定生成的缩略图的大小。如原图形的宽度大于高度，则生成缩略图的宽度为此处指定的值；如原图形的高度大于宽度，则生成缩略图的高度为此处指定的值。缩略图将按原图的宽高同比例缩小。单位px。

l          文字水印使用状态
有三种状态可选。
不使用：不使用文字水印功能，所有其它与文字水印相关的参数设置无效
使用：使用文字水印功能，注意填写文字水印相关的其它参数设置
前台用户控制：使用此模式时，在前台上传图片的对话框中，会有是否启用水印的选项，用户勾选则启用，用户没勾选则不启用。由操作用户决定是否启用。

l          文字水印启用条件
只有当上传图片的宽度和高度都大于此处的设置值时，文字水印功能才会触发，否则，即使上面启用了文字水印功能，也不会生成文字水印。单位px。

l          文字水印内容
当使用文字水印时，水印文字的内容。如："版权所有…"。

l          文字水印字体颜色
当使用文字水印时，水印文字的颜色。以16进制形式表示颜色值，如黑色对应的是"000000"。

l          文字水印阴影颜色
当使用文字水印时，水印文字的阴影色。以16进制形式表示颜色值，如白色对应的是"FFFFFF"。

l          文字水印阴影大小
当使用文字水印时，水印文字的阴影大小。单位px，默认1px。

l          文字水印字体大小
当使用文字水印时，水印文字的字体大小。单位px，默认12px。
(注：PHP版与字体库有关，默认单位为pt，实际字体大小可以先设定一个值，看效果后再适当修改此值)

l          文字水印字体名称
当使用文字水印时，水印文字的字体名称。
(注：PHP版无此项设置，有“中文字体库及路径”的设置，见下面的说明)

l          文字水印位置
水印文字在图片上的位置。有以下几项可选：左上、左中、左下、中上、中中、中下、右上、右中、右下。分别对应9个常用的位置。

l          文字水印边距
有左右边距和上下边距可设。也可以理解为水平边距和垂直边距。
当文字水印位置设置为居左（左上、左中、左下），“左右边距”的设置表示为左边距；当文字水印位置设置为居右（右上、右中、右下），“左右边距”的设置表示为右边距。
当文字水印位置设置为居上（左上、中上、右上），“上下边距”的设置表示为上边距；当文字水印位置设置为居下（左下、中下、右下），“上下边距”的设置表示为下边距。

l          文字水印文字占位
水印文字实际在图片中所占有的宽和高。此设置由“文字水印内容”、“文字水印字体名称”、“文字水印字体大小”三项确定。当此三项都填好后，您可以点击此设置项右边的“检测宽高”来检测建议的设置值。如果检测到的设置值在实际的图片水印上表现不佳，可以手动微调。

l          图片水印使用状态
有三种状态可选。
不使用: 不使用图片水印功能，所有其它与图片水印相关的参数设置无效
使用: 使用图片水印功能，注意填写图片水印相关的其它参数设置
前台用户控制：使用此模式时，在前台上传图片的对话框中，会有是否启用水印的选项，用户勾选则启用，用户没勾选则不启用。由操作用户决定是否启用。

l          图片水印启用条件
只有当上传图片的宽度和高度都大于此处的设置值时，图片水印功能才会触发，否则，即使上面启用了图片水印功能，也不会生成图片水印。单位px。

l          图片水印位置
水印图片在图片上的位置。有以下几项可选：左上、左中、左下、中上、中中、中下、右上、右中、右下。分别对应9个常用的位置。

l          图片水印边距
有左右边距和上下边距可设。也可以理解为水平边距和垂直边距。
当图片水印位置设置为居左（左上、左中、左下），“左右边距”的设置表示为左边距；当图片水印位置设置为居右（右上、右中、右下），“左右边距”的设置表示为右边距。
当图片水印位置设置为居上（左上、中上、右上），“上下边距”的设置表示为上边距；当图片水印位置设置为居下（左下、中下、右下），“上下边距”的设置表示为下边距。

l          图片水印图片路径
当使用图片水印时，水印图片的路径。此路径为相对ewebeditor/asp/upload.asp(.aspx/.php/.jsp)文件的路径。建议您把水印图片放在ewebeditor/sysimage/目录中，如文件名为water.gif，则实际的路径是ewebeditor/sysimage/water.gif，在此设置输入框则填"../sysimage/water.gif"。

l          图片水印透明度
图片水印的透明效果设置。可填0至1间数值。
0表示全透明(即什么也看不见，不要设为此值)
1表示不透明(即您做的水印图片是什么样的，水印在上传图片上也是什么样的)
0.5表示半透明。

l          图片水印图片占位
水印图片实际在上传图片上所占有的宽和高。此设置由“图片水印图片路径”所指向的图片的宽高确定。当“图片水印图片路径”项填好后，您可以点击此设置项右边的“检测宽高”来检测建议的设置值。如果检测到的设置值在实际的图片水印上表现不佳，可以手动微调。

l          中文字体库及路径
此项只有在PHP版中有。如使用的是英文字体，此项不需设置。如您想使用的是中文字体，则请在此填入字体库的文件名及路径。此文件路径是相对ewebeditor/php/目录的路径。建议把字体库文件拷贝到ewebeditor/php/目录中，如文件名为" simkai.ttf"，则在输入框中输入"simkai.ttf"即可。