eWebEditor Home >> eWebEditor Manual V11.2 >> Developer Guide >> Visual Configuration

3.5.3 StyleAttribute Settings

We will see the following interface in style settings' creation and modification.

In the above operatiing interface, move the cursor onto an input box, then you will see more detailed setting explanations.

Note: Setting's options may differ slightly according to its edition (ASP edition, PHP edition, .NET edition, JSP edition). But they are basically the same.

Normal settings

l   Style Name
The style name should be unique. You'd better use a name as can be easily remembered. At the same time, it will be used for calling.
For example, in the following call, "coolblue" refers to that name.

<IFRAME ID="eWebEditor1" SRC="ewebeditor.htm?id=XXX&style=coolblue" FRAMEBORDER="0" SCROLLING="no" WIDTH="550" HEIGHT="350"></IFRAME>

l   Initial mode
The editor has four modes: HTML code mode, visualized design mode, plain text mode, and preview mode.
The initial mode refers to the default mode when opening the web page.

l   Width of Limited Wide Mode
Specify whether to enable the limited wide mode, and set the width value of the limited wide mode. If it is blank, we will not enable it. We can set an effective width value with units, such as"500px". If this value has been set, we can only edit the contents in a fixed width in the foreground of the editor. It'll guarantee more effectively that the width of the editing area conforms to the content display area shown on the foreground page in the application system, so that it will maintain the effect of WYSIWYG (What You See Is What You get).

l   Skin Files Directory
That is the directory for CSS style definition files and the images used in definition files. The system has 9 sets of styles which are: blue, coolblue, green, light, mx, Office, Office3d, red and yellow. You can input the above names into the input box directly, or you can customize your own style definition. E.g. ewebeditor/skin/blue/
Every style has definitely three CSS files.
editor.css: the style-setting files for the external area of the editor including toolbar and status bar
editorarea.css: the style-setting files for editing area, i.e. the input area in the middle of the editor
menuarea.css: the style-setting files for the menu of the editor including right-click menu and button menu

l   Best Width
This function is for the setting of the best calling width when editing. Through this setting and preview, you can directly find out the most suitable calling width for your customized editor. The unit is px.

l   Best Height
This function is for the setting of the best calling height when editing. Through this setting and preview, you can directly find out the most suitable calling height for the customized editor. The unit is px.

l   Show Status Bar
This function is for you to set whether to show status bar of the editor when opening the web page. There are options of "Yes" or "No"; the default setting is "Yes".
When the final customer of your application system only needs visible editing mode, you can set this option to "No".

l   Automatic Examination of Word Paste
When a operator copies some content from Word (CTRL+C) and pastes it to the editor (CTRL+V), an indicating dialog box used to conform will pop up automatically: "The text you want to paste seams to be copied from Word. Do you want to clean it before pasting?"
There are two options of "Yes" and "No". The system default setting is "Yes", that means the indicating dialog box will pop-up.

l   Automatically Detection Of the Advanced Paste
Specify whether it will use the advanced paste function, when the operator pastes in the editor. When it is enabled, it will prompt the client to install advanced features controls for advanced paste functions. Advanced paste functions, including: Word Paste, Excel paste, image paste, screenshots paste, paste special, explorer multi-image paste etc. When it isn't enabled, we can use the normal paste function, but more advanced paste features are not available. Strongly recommend to enable it.
The V7.0 version adds the option of the mandatory plain text paste, when using this option, the foreground operation of the paste will be automatically converted to plain text format.

l   Non-edit Mode Toolbar
Set in the non-edit mode, which includes the code mode, plain text mode, preview mode, whether the toolbar and the buttons on the toolbar are shown. When the toolbar is set not to be shown, the settings of other buttons are invalid.

l   Code Formats
With this item, it can enable and disable the automatic code formats. When this function of code formats is enabled, in the "code" mode, it will indent automatically according to the nature of the label, and makes the code more readable. The current default is "on".

l   Allow Remote Files' Uploading
This function is for you to choose whether to allow remote files' uploading. The default setting is "Yes". When you choose "No", the functional button of "Upload External File" in the toolbar will be invalid.
The function of remote files' uploading will allow you to upload files (such as images, flashes etc.) from other sites to your own site. Find more instructions on remote files function in relevant chapter.

l   Show Border
When opening the editor's webpage, this is for you to set whether the initial function of "Show Border" activated or not. Here is just an initialization. Final customer can activate this function by clicking on "Show Border" icon on toolbar.
When "Show Border" is activated, there will be a dash line on the sideline of a form, even though the border=0. That will be more convenient for you to select and understand the current position of the form.

l   Display Block
When the editor page is opened, the initial "Display Block" function is open or closed. Here is only the initial value; end users can click "Display Block" on the toolbar to use this feature.
When the "Display Block" feature is turned on, paragraphs and other blocks will be shown in the form of a dotted line plus background to check the content layout conveniently.

l   Initial Mode of Word Import
Corresponding to the foreground Word, it imports the initial mode of the dialog box interface, and works in Excel import interface. Optional: Select the optimal mode (default), clear-all mode

l   The initial value of the one-key typesetting
As for the initial value of the one-key typesetting dialog interface in the foreground, it includes the following settings: font, size. If not being set, the foreground will not have any initial values accordingly.

l   The minimum height of the interface
Allow the foreground to adjust the minimum height of the interface, and set this value appropriately, in that way, the operator can recover the initial heights and use pixel px as the unit.

l   Automatic Language Examination
eWebEditor supports multi-languages.
When you select "Yes" for this setting, eWebEditor will automatically examine the language environment of the clients' operation system, then choose a suitable language interface for this environment. When eWebEditor cannot find the suitable language package, it will display in the default language.
When you select "No" for this setting, eWebEditor will display in the default language regardless of what kind of language environment the clients' operation system has.

l   Defaulted Language
This is for you to set the default language interface eWebEditor use. Details see the setting of "automatic language examination".

l   Enter Mode
In the editor, pressing the Enter key can represent inputting paragraphs <P> or feeding a new line<BR>. Two modes are both available.
Not recommend to use the <BR> mode, because using the <BR> mode will lose a lot of functional effects of paragraphs. If only for the Chinese paragraph spacing, style control is recommended. For examples:
p {martin-top:0px;margin-bottom:0px}
Using the above style definitions, the performance results of the inputting paragraph<P> or feeding a new line<BR> are the same.

l   Edit Area CSS Mode
Two modes are available: conventional mode and word import initial mode. When using Word import mode, it can achieve the best effect of importing or pasting Word files.

l   Status of Advanced Interface
Choose whether to enable the advanced interface function. The advanced interface refers that some important parameters of the eWebEditor can be dynamically changed by the program. In particular, the security parameters may be involved in. Only settings here will open the corresponding different modes, the current default is "disabled". There are three options:
Disabled: Disable the function of the advanced interface.
Enable the general interface (cleartext cusdir): this item is the setting to pass parameters in the form of the cleartext, customizes the upload path and specializes in whether to enable the cusdir parameters. Generally, it is used to upload files to different folders, according to different users or different parts. For example: ewebeditor.htm ID = content1 cusdir / = user1/abc, to make these cusdir parameters comes into force, we must enable the setting here. The actual upload path equals to the upload path set by the background plus the value set by cusdir, if the upload path set by the background is uploadfile/, the actual upload path is uploadfile/user1/abc/. This parameter is passed in the clear text, interface code is simple, but the security is weak.
Enable the advanced interface (Session security): The Session is a way to pass parameters, which can set important parameters for a variety of safety-related process dynamics. Such as: the path model, the upload path, custom path, content path, showing path, the size of the upload files, the size of space limitations, the path of space limitations, opening of the file browser and so on. Specific use methods see the chapter of "Advanced Session Security Interface".

l   Security Interface Encrypted String
When "Advanced Security Interface" uses the "Enable the Advanced Interface (Session security)", this item will need to be filled in. Use it as the encryption for MD5 parameters. Only numbers or letters are available, recommend clicking the following "random" button to generate a random 32-bit encrypted string.

l   One-key Processing Mode
(New in V8.0 version) When selecting the item which has been set, the foreground operates the corresponding functional modes; it will no longer pop up the option selection dialog and use the appropriate functions of the default option to deal with it directly. It's more convenient for you to unify file formats and operate it faster. Modules can be set: Word Paste, Excel Paste, One-key typesetting.

l   Remark Explanation
 This is to explain briefly the style to ease memorizing.

 

Setting of Upload File Path

l   Upload Components
eWebEditor provides support for several kinds of uploaded components on different platforms. So you can choose the most suitable uploading method according to your WEB server's situation.
The following is the list of supported uploading methods in various versions.
ASP edition: Upload Class(default), ASPUpload, SA-Fileup, LyfUpload
.NET edition: .NET's own upload method(default), ASPUpload, SA-Fileup, LyfUpload
PHP edition: PHP's uploading method
JSP edition: JspSmartUpload

l   Object Name of Custom FSO
Note: Only the ASP version has this setting. (New in the V8.0 version)
When you proceed from reasons of the special security, and rename the FSO object on the server, you can use this setting, and fill in your real FSO object name, the program can still be normally operated.

l   Order of Automatic Catalog
Use it to set the order of the auto-date directory and directory of the automatic file type. Only when the auto-date directory and automatic file type directory are enabled, the setting will make sense. The optional values are:
Directory of file types/date directory/: first type later date, such as uploads/image/201102/xx.gif
Date directory of directory / file type /: first date later type, such as uploads/201102/image/xx.gif

l   Date Automatic Catalog
By this setting, specify whether to upload files at the same time, automatically create the catalog of a date format. Leaving blank means it is not enabled. Support the full custom of the formats, date keywords that provided in the system can be used in the input box.
Supported keywords are:
{yyyy}: A full numeric representation of a year, 4 digits
{yy}: A two digit representation of a year
{mm}: Numeric representation of a month, with leading zeros
{m}: Numeric representation of a month, without leading zeros
{dd}: Day of the month, 2 digits with leading zeros
{d}: Day of the month without leading zeros
{hh}: 24-hour format of an hour with leading zeros
{h}: 24-hour format of an hour without leading zeros
{ii}: Minutes with leading zeros
{i}: Minutes without leading zeros
{ss}: Seconds, with leading zeros
{s}: Seconds, without leading zeros
The drop-down box below has provided the most common formatting option, you can directly select an item in the drop-down box, and then it will automatically fill in this input box. The following is an example:
Left blank: (default) is not enabled, will not create the directory, and directly deposit it to the specified upload directory. Such as: uploads/xxx.gif
{yyyy}/: Year format to create a directory under the specified upload directory. Such as: uploads/2009/xxx.gif
{yyyy}{mm}/: Year Month format to create a directory in the specified upload directory. Such as: uploads/200901/xxx.gif
{yyyy}/{mm}/:Year Month format to create a directory in the specified upload directory . Such as: uploads/2009/01/xxx.gif
{yyyy}{mm}{dd}/: Year Month Date format to create a directory in the specified upload directory. Such as: uploads/20090101/xxx.gif
{yyyy}/{mm}/{dd}/: Year Month Date format to create a directory in the specified upload directory. Such as: uploads/2009/01/01/xxx.gif
a{yyyy}b /: Year format to create the directory in the specified upload directory. Such as: uploads/a2009b/xxx.gif
a{yyyy}/b/: Year format to create the directory in the specified uploads directory. Such as: uploads/a2009/b/xxx.gif
Note: Due to the unification of URL standards, do not recommend the use of Chinese or other special characters, and only recommend the use of letters and numbers for the folder names.

l   Save Mode of File Names
Set to save the files to named modes on the server, when uploading the files.
Note: Although original name uploading is supported, however, based on possible problems to Chinese explanations from various versions of the browsers, various browsers, and various servers, it recommends adopting all the auto-renaming modes. Use the automatic rename of the English digital files to ensure all browsers can normally browse appropriate files.
Optional values are:
The entire automatic rename (default): All uploaded files are automatically renamed to the file name on the date and time format. Recommend to use it, which can ensure that all viewers can access to the normal files.
The entire names of the original files: All uploaded files are saved to the server as the original names. If same names appear, we will use the following rules "File the Same Name".
Attachments will use their original names, the others will automatically rename: The types of attachments will save them as the original names, and other types will automatically rename. The readability of the file's names can be seen to facilitate the download.

l   Dealing with the Same Names of the Files
When the mode of saving original names on the uploaded files is enabled, such as if the name of the uploaded file has already existed on the server, it will use this setting automatically. This item supports keyword matching setting. Supported keywords are:
{name}: indicates the name of the original file
{time}: indicates the automatic dates and time values
{sn}
: indicates the values of automatic sequence numbers
The common formats are:
Leave it blank: means to replace the existing file
{name}-{time}: indicates the original names plus values of the auto date and time, such as uploading"test.doc", when they have the same name, save it as" test-20110101232323.doc".
{name}-{sn}
: indicates the original names plus values of auto serial number, such as uploading"test.doc", when they have the same name, save it as" test-1.doc" or" test-2.doc", and analogize it until there are no same names existing.
Except for the keywords, you can add any own personal definitions, such as "news_ {name} _create_ {time}", and save it as" news test_ create_20110101232323.doc".

l   Automatically Create Directory
Through this setting, you can decide whether to create date format directory while uploading files. There are 4 options:
Not to use: (default) not to create directory but to save files directly to the selected upload directory, such as: uploads/xxx.gif
Year directory: create directory in year format under directory selected for uploading, such as: uploads/2005/xxx.gif
Year and month directory: create directory in year and month format under directory selected for uploading, such as: uploads/200501/xxx.gif
Year, month and day directory: create directory in year, month and day format under directory selected for uploading, such as:  uploads/20050101/xxx.gif

l   Browse uploaded files
It refers to the fact that whether the view and insertion of uploaded files such as pictures that are already uploaded. The default setting of it is closed.
If we open it, then the dialog box, which is used to insert pictures, media, FLASH and other files, will add a corresponding button in the "browsing" server .See as follows:

Click the button of "browse", then the following dialog box for file browsing will appear. It has the function of ordering according to the name of the file, the file type, the size of the file and the time when the file is adjusted; and there are two options, the normal order and the reversed order. It has four modes of checking, namely, thumbnail, details, icons and tabulation. See the diagram in the following:

l   Enable the Batch Upload Features
Set whether to enable batch upload features. When this feature is disabled, the batch upload pages used on the foreground will not show the batch upload features:

l   Component Interface of the Batch Upload
Different programming languages have different components to choose from. The different components will bring the different processing efficiencies and different situations to support large files.
ASP version: Recommend to enable the groupware of eWebEditorMFUServer to support the upload of large files. ADO file stream does not support large files.
PHP/ASP.NET/JSP:Recommend to use the component interface comes with their own environment.

l   Block Size of the Batch Upload
The function of the batch upload with large file uploads can split a file into multiple small files, and then upload them in batch, it will greatly speed up the upload speed, prevent timeout errors, and can adapt to different speeds. What's more, the upload progress bar is displayed.
As for the environment with faster speed, such as Intranet, recommend to set the big value to speed up the upload speed, recommend setting it to more than 500K.
As for the Internet environment with faster speed, recommend to set the normal value, recommend setting it to 200K.
As for the Internet environment with slower speed, recommend to set the small value, recommend setting it to 50K.
According the actual situations of your network, you can set the values to fit your network environment, in order to reach the optimization.

l   Path Mode
 eWebEditor provides four path mode options: relative path, absolute root path, absolute full path. This multi-path mode can satisfy the file path requirements for transferring sites and various kinds of application systems.
From the following examples, you will be able to determine what kind of mode you need.

n   Relative path mode:
the final file format will be like src="../xxx/xxx.gif"

n   Absolute root path mode:
(default mode) the final file format will be like src="/xxx/xxx.gif"

n   Absolute full path mode:
the final file format will be like src=http://www.yoursite.com/xxx/xxx.gif.

n   Out Site Absolute full path mode:
the final file format will be like src=http://www.othersite.com/xxx/xxx.gif

l   Upload Path
This is the path for saving uploaded files. The defaulted setting is "uploadfile/", that means the files are actually saved in directory of ewebeditor/uploadfile. Here the path you set is relative to the root directory of ewebeditor.

Example 1: if your system directory structure is like:
directory of eWebEditor: /ewebeditor/
directory for saving uploaded files: /uploads/
then the uploaded path should be set as"../uploads/"

Example 2: if your system directory structure is like:
directory of eWebEditor: /ewebeditor/
directory for saving uploaded files: /ewebeditor/uploads/
then the uploaded path should be set as "uploads/"

Note: when using the absolute full path mode on the network outside, the upload path setting here is the absolute physical path, such as" c:\my\uploads\". This is quite different, compared with other modes of path.

l   Display Path
Only when you use relative path mode, is there a need to make this setting. "Display Path" refers to the file path for pages displaying contents. For example, when the news management system has a file page named "show.asp", the page will not only read out the registered news titles designated in the database and the contents edited by editor, but also display them to the site's browser. The "Display Path" above is the path for the file of "show.asp".
Note: the setting for display path must begin with "/"

Example 1, if the directory structure of your news management system is /news/show.asp then the display path should be set as "/news/".
 
Example 2, if the directory structure of your news management system is /mysystem/mynews/shownews.asp then the display path should be set as"/mysystem/mynews/".

l   Content Path
Only when you use relative path mode, is there a need to make this setting. "Content Path" refers to the path format when the editing contents are expressed as HTML code. The setting value should be in the form of relative path.

 Example 1, if the directory structure of your news management system is like:
 content-displaying page path: /news/show.asp
 uploaded files' saving path: /news/uploads/xxx.gif
 then the "Content Path" should be set as "uploads/"

 Example 2, if the directory structure of your news management system is like:
 content-displaying page path: /news/show.asp
 uploaded files' saving path: /uploads/xxx.gif
 then the "Content Path" should be set as "../uploads/"

Example 3: When using the absolute full path mode on the network outside:
Set the content path as: "http://www.othersite/xxx/uploads/"

Each of the three path modes has its own advantage. You can make a choice according to your own needs.

The following is the common rule for selecting path mode. You can select according to your own actual needs and are not required to follow these rules.

l   "Absolute Root Path Mode": usually for the system program of a whole site.
We recommend you to use "Absolute Root Path Mode" under the following conditions: the directory for saving uploaded files is fixed for the whole site; the whole site has several application systems; all upload files are saved in one commonly used directory. Under this structure, all programs in the site can be moved freely and links in the contents will not be invalid as long as the uploaded file directory has not changed. The advantage of this structure is that whatever directory the content-displaying page is in, you can find the corresponding files through proper links. 

l   "Relative Path Mode": usually for independent subsystems.
If your system is relatively independent from the whole site and each system has its own uploaded files' saving directory, we recommend you use "Relative Path Mode". Under this structure, all files in the whole system will be moved together when the system is transferred. But the content in one system may have linkage errors when it is called in other system.

l   "Absolute Full Path Mode": usually for email system.
When you integrate the editor with content form of an email system and the sending contents have HTML format content such as links and images, the path must be absolute full path. In that way, the file path of the receiving content can be correct and the corresponding information such as images etc. can be displayed normally.

 

Setting parametric values for relative path is a difficult task of the configuration. To explain the method of setting parameter under relative path mode more clearly, we provide you the following examples for better understanding. 

Example 1:  Three directories of "application system directory", "upload file directory" and "eWebEditor directory" are totally independent and separated.
Directory Structure Plan:
directory for eWebEditor: /ewebeditor/ewebeditor.htm
uploaded files' saving directory: /uploads/xxx.gif
directory for content-displaying page files: /news/show.asp
parametric settings for relative path mode:
Upload Path: ../uploads/
Display Path: /news/
Content Path: ../uploads/

 

Example 2: Both "upload file directory" and "eWebEditor directory" are in "application system directory".
Directory Structure Plan:
directory for eWebEditor: /news/ewebeditor/ewebeditor.htm
uploaded files' saving directory: /news/uploads/xxx.gif
directory for content-displaying page files: /news/show.asp
parametric r settings for relative path mode:
Upload Path: ../uploads/
Display Path: /news/
Content Path: uploads/

Example 3: "eWebEditor directory" is independent and "upload file directory" is in "application system directory".
Directory Structure Plan:
directory for eWebEditor: /ewebeditor/ewebeditor.htm
uploaded files' saving directory: /news/uploads/xxx.gif
directory for content-displaying page files: /news/show.asp
parametric settings for relative path mode:
Upload Path: ../news/uploads/
Display Path: /news/
Content Path: uploads/

 

The type and size settings for upload files

l   the Total Constraints of the Upload Space
The maximum space allowed for the uploaded folders. Left blank means no limitations. When the occupied space of the uploaded file folders reach this value, various types of files cannot be uploaded. The unit is MB.
The default is blank, without limitation.

l   Types and limitations of image files.
The allowed types for uploading image files and its size limitations.
These settings have impact on files uploading in "Insert/Modify Image" dialog box.
default file types: gif, jpg, jpeg, bmp
default size limitations: 100KB
Automatic type directory: the default is blank, which means it is not enabled. When it is not enabled, the file is uploaded to "uploads/", when this setting is "image", such files will be uploaded to the directory "uploads/image/"

l   Types and limitations of Flash files.
The allowed types for uploading Flash files and its size limitations of each Flash file.
These settings have impact on files uploading in "Insert Flash" dialog box.
default file types: swf
default size limitations: 100KB
Automatic type directory: the default is blank, which means it is not enabled. When it is not enabled, the file is uploaded to "uploads/", when this setting is "flash", such files will be uploaded to the directory "uploads/flash/"

l   Types and limitations of media files.
The allowed types for uploading media files and its size limitations of each media file.
These settings have impact on files uploading in "Insert Media" dialog box.
default file types: rm, mp3, wav, mid, midi, ra, avi, mpg, mpeg, asf, asx, wma, mov
default size limitations: 100KB
Automatic type directory: the default is blank, which means it is not enabled. When it is not enabled, the file is uploaded to "uploads/", when this setting is "media", such files will be uploaded to the directory "uploads/media/"

l   Types and limitations of other files.
The allowed types for uploading other files and its size limitations of each file.
These settings have impact on files uploading in "Insert File" dialog box.
default file types: rar, zip, exe, doc, xls, chm, hlp
default size limitations: 500KB
Automatic type directory: the default is blank, which means it is not enabled. When it is not enabled, the file is uploaded to "uploads/", when this setting is "other", such files will be uploaded to the directory "uploads/other/"

l   Types and limitations of remote files.
The allowed types for uploading remote files and its size limitations of each remote file.
These settings have impact on "Upload External File" button function.
default file types:  gif, jpg, jpeg, bmp
default size limitations: 100KB
Automatic type directory: the default is blank, which means it is not enabled. When it is not enabled, the file is uploaded to "uploads/", when this setting is "image", such files will be uploaded to the directory "uploads/image/"

l   Types and Limitations of the Local Uploaded Files
The types of local uploaded files which are allowed and the maximum value of the file size for each remote file.
This setting will act on the features of button icons "upload local files" and Word / Excel import, paste, and other client controls to deal with the files uploaded from the localfile.
The default files types: gif, jpg, bmp, wmz, png
The default maximum limitation: 100KB
Automatic type directory: the default is blank, which means it is not enabled. When it is not enabled, the file is uploaded to "uploads/", when this setting is "image", such files will be uploaded to the directory "uploads/image/"

 

Paging-Related Settings

Note: Your foreground display page should be dealt with accordingly, in order to identify the paging operators, so that your foreground will have the corresponding paging effects. As for the handling of the Standard page breaks, you can refer to the sample code files we provided: _example/pagination.asp (.aspx/.jsp/.php).

l   Page Break Mode
Not enabled: Disable all page-related features. All paging functions cannot be used, when selecting this option as not enabled.
Enable standard page breaks: Enable page breaks defined by eWebEditor specifications, and support paging titles, the standard format is as follows:

<!--ewebeditor:page title=" Page N subhead"-->
Page N the body of HTML code
<!--/ewebeditor:page-->

Enable the custom page breaks: regard "custom page break keywords" in the following settings as page breaks.

Page 1 the body of HTML code
{page}
Page 2 the body of HTML code
{page}
Page 3 the body of HTML code
......

l   Keywords of Custom Page Breaks
When the "page breaks mode" select "enable custom page breaks "mode, this setting is  keywords of the page breaks. The displayed page on the foreground will deal with the page breaks according to the keywords. The default is: {page}, if it can also be set to page breaks, such as {nextpage}, [page], {$page$}, etc., which will make you feel better.

l   Submitting Automatic Page Breaks of Contents
If using this function, you can click the "Submit" button to submit contents, and it will deal with the page breaks automatically. There are three options: not enabled, partly enabled (when the contents have been paged, it will not be enabled), and fully enabled (the existing page breaks on the contents will be replaced). If enable it, automatic pagination will conduct automatically paging in accordance with the value set behind "Words of Automatic Page Breaks".

l   Words of the Automatic Page Breaks
Setting values of "Words of the Automatic Page Breaks" can be used in two functions, one is the default of words of the automatic page breaks in the management dialog box of page breaks. One is the value of the page breaks, when the feature of "Submitting Automatic Page Breaks of Contents" is enabled. This value is subject to the actual number of characters, English characters and Chinese full-width characters are both considered. The number of words in every page after the actual automatic page breaks can only be larger than this value, because the automatic page breaks will not truncate every existing element object, such as paragraphs, tables, etc. Automatic page breaks will not truncate one form to two, when the number of words reaches the value of the automatic page breaks, it will only insert a page break after the form. Treat other objects as the same, in order to ensure the integrity of each page.

 

Settings for thumbnail and watermark

l   Image process component
 You can select the image process component here. Currently we have only one option for you. It is reserved for later extension.

l   Process image extended names
 The system will only apply thumbnail and watermark function to files with extended names designated. Using this setting, you can apply thumbnail and watermark function only to images of bmp format but not to images of jpg format.

l   Status for using thumbnail
 Through this setting, you can open or close thumbnail function. You can choose between "on" and "off". When you choose "off", other thumbnail related settings will be invalid.

l   Thumbnail Generation Mode
There are three modes that are available:
display small pictures, link to big pictures: retain the original, generate small pictures of those uploaded pictures which satisfy the conditions of generating small pictures, display small pictures in the edit area, small pictures have a link, click on the small pictures link to open the original.
display big pictures: retain the original, generate small pictures of those uploaded pictures which satisfy the conditions of generating small pictures, display the original in the edit area, small pictures can only be used to call the uploaded files interface.
Only generate small pictures: generate small pictures of those uploaded figures which satisfy the conditions of generating small pictures, and will not save the original.

l   Condition thumbnail's length
Only when the width or height exceeds the setting value, can system activate thumbnail function. The unit is px.

l   Length of thumbnail created
When an image meets with the thumbnail creation condition, the setting here will determine the size of its thumbnail. If the width of original image is longer than its height, the width of thumbnail will be the setting value. If the height of original image is longer than its width, the height of thumbnail will be the setting value here. The thumbnail will constrain the proportions of the original image when zooming out. The unit is px.

l   The state of text watermark in use
There are two optional states available.
1) Close:  this function is not used; so all the other parameter settings connected with it are invalid.
2) Open:  this function is valid. Please pay attention to other parameter settings related to it.

l   The invocation conditions of text watermark
Only when the width and heights of the uploaded pictures exceed the data setup the function will work. Otherwise, it will not work even though this function is open. Its unit is "px".

l   Content of text watermark
That refers to the text watermark content when eWebEditor applies text watermark function, such as "Copyright..."

l   Font color for text watermark
That refers to the font color for text watermark when eWebEditor applies text watermark function. We express the color value in hexadecimal form, for example black is "000000".

l   Shadow color for text watermark
That refers to the shadow color for text watermark when eWebEditor applies text watermark function. We express the color value in hexadecimal form, for example white is "FFFFFF".

l   Shadow size for text watermark
That refers to the size of shadow for text watermark when eWebEditor applies text watermark function. The unit is px, and default value is 1px.

l   Font size for text watermark
That refers to the size of character for text watermark when eWebEditor applies text watermark function. The unit is px, and default value is 12px.
(Note: PHP version is related to fontlib, the default unit of it is "pt". We can first set a value for the actual size of the characters, and then, based on the effect produced, we modify the value appropriately.)

l   Font name for text watermark
That refers to the name of font for text watermark when eWebeditor applies text watermark function.
(Note: PHP version has no such a setting concerning this item, yet it has a setting about "Chinese character font lib and the path", please look at the following for reference.)

l   The position of the text watermark
The position of the text watermark in the picture can be any one of the following options: upper left, middle left, lower left, the middle of the upper side, the very middle, the middle of the lower side, upper right, middle right and lower right, which is referred to nine positions often used.

l   The text watermark margin
There are left-right edge distance and upper-lower edge distance, or we can say the horizontal edge distance and the vertical margin.
When the text watermark position is set on the left side (upper left, middle left, lower left), "the left-right edge distance" is the left margin.
When the text watermark position is set on the right side (upper right, middle right and lower right), "the left-right edge distance" is right margin.
When the text watermark position is set on the upper side (upper left, the middle of the upper side, upper right), "the upper-lower edge distance" is the upper margin.
When the text watermark position is set on the lower side (lower left, the middle of the lower side, the lower right), "the upper-lower edge distance" is the lower margin.

l   The text watermark and text occupation
the text watermark's width and height in actual pictures. It is decided by three items, "the text watermark content", "the text watermark font name", "the text watermark font size". When the three items are filled up, you may click the "Check" on the right side of the item to test the suggested value. If the tested value in the actual picture works not well, you may modify it by hand.

l   State of image watermark in use
There are two optional states available.
Close: this function is not used; so all the other parameter settings related to it are invalid.
Open: this function is valid, so please pay attention to other parameter settings related to it.

l   The invocation conditions of image watermark
Only when the width and heights of the uploaded pictures exceed the data set up does the function work. Otherwise, it will not work even though this function is open. Its unit is "px".

l   The position of the image watermark
The position of the image watermark in the picture can be any one of the following options: upper left, middle left, lower left, the middle of the upper side, the very middle, the middle of the lower side, upper right, middle right and lower right, which is referred to nine positions often used.

l   The image watermark margin
There are left-right edge distance and upper-lower edge distance, or we can say the horizontal edge distance and the vertical margin.
When the image watermark position is set on the left side (upper left, middle left, lower left), "the left-right edge distance" is the left margin.
When the image watermark position is set on the right side (upper right, middle right and lower right), "the left-right edge distance" is right margin.
When the image watermark position is set on the upper side (upper left, the middle of the upper side, upper right), "the upper-lower edge distance" is the upper margin.
When the image watermark position is set on the lower side (lower left, the middle of the lower side, the lower right), "the upper-lower edge distance" is the lower margin.

l   Image path for image watermark
That refers to the path of images for image watermark when eWebEditor applies image water function. The path is a relative path compared with ewebeditor/asp/upload.asp. We suggest you put watermark images in the directory of ewebeditor/sysimage/. For example, if the file name is water.gif, the actual path will be ewebeditor/sysimage/water.gif. Then when making the configuration, just input "../sysimage/water.gif" in the input box.

l   The transparency of the image watermark
The setting of its value can vary from 0 to 1.
0: fully transparent (i.e. Nothing can be seen, and thus do not set this value)
1: not transparent at all (that is to say, the image watermark in the picture uploaded is exactly the same as what you have designed or drawn)
0.5: semi-transparent

l   The image watermark and the image occupation
The actual width and height of the picture watermark in the pictures uploaded. This parameter's setting is decided by the widths and heights of the pictures referred by "image watermark image path". When the item "image watermark image path" is filled up, you could click the button "Check" on the right of this item. If the values tested are not good enough as proved in the actual picture watermark, you may modify it by your hand.

l   font base and its path
 This function only belongs to PHP edition. If you are using English fonts, this setting can be blank. If you want to use Chinese fonts, please input the name and path of the font base. This path is related to the directory of ewebeditor/php/. Suggest you copy files in font base to the directory of ewebeditor/php/. For example, if the file name is "simkai.ttf", you should input "simkai.ttf" in the input box.