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

3.5.2 StyleManagement

Style here refers to a whole set of configurations of serial parameters, which include the color of editor interface, images, numbers and the order of buttons in toolbar, extended names and size of the uploaded files concented, and whether to apply thumbnail or watermark etc.

Click "Style" icon in the left navigation bar of background management to enter the following style management operating interface.


The followings are function descriptions for each function button on the style management page.

l   All Style Lists
When the operation comes onto the deeper pages in the module, you can return to the style management homepage by clicking on this link.

l   Creation of A New Style
Clicking on this link, you will enter the page of style creation form. After completing all the settings on the page and clicking on "submit", you have finished adding a new style. The instructions for settings in the form can be found in the chapter of "style attribute".

l   Updating All Foreground Configuration Files
In order to enhance effectiveness and integrativeness of this program, eWebEditor employs the structure of separation between foreground and background. That means, after configuration, the whole background directory of admin can be deleted from server without any influence on the foreground editor.
After submission of configuration information, the program will put this configuration information into text files. The files and directories are listed as follows:

n   Configuration Files of Server
(ASP version) ewebeditor/asp/config.asp
(PHPversion) ewebeditor/php/config.php
(.NET version) ewebeditor/aspx/config.aspx
(JSP version) ewebeditor/jsp/config.jsp

The reason for classifying configuration files into client files and server files is that we want to enhance the processing effectiveness as well as improving the system safety.
To save resources of the server and enhance the processing effectiveness, we try our best to put configurations related to interface, such as the interface color, number and the order of buttons on toolbar etc, into the script files on client computers.
For the sake of system safety, some configurations cannot be saved in script files on client computers. Take the extended name of uploaded files allowed as example. Normally the files with extended name such as gif, jpg, doc, rar, zip will be allowed to upload. But if we save them in client computer, the program processing on server may be decided by parameters on client. In that condition, if an operating user customizes a form to allow uploading files with extended name such as .asp, .aspx, .php, .jsp, he/she could upload a hacker program to the server. That will be absolutely a huge danger to the server. The final consequence is not only to make the editor invalid, but also to let the whole site under the control of hacker. The similar products in the market seldom consider the problem of safety like that. That is actually a very important feature of our product. Of course, there are not only the extended names, but also some other parameters to be saved in the configuration files. We will make a detailed explanation on the chapter of "style attribute".  

In normal condition, you do not need to click on the functional links to update the foreground configurations, since, after submission of the configuration modification, the program will update configuration files automatically. Only under special conditions, for example, when configuration files lost, you need creat these configuration files by this function. 

l   Back to Previous Page
It is the same as the "back" function button in IE explorer.

l   Preview
After completing the setting of certain style's configuration information, you can preview the effect and test it by this function.

l   Code
By this function, you can get the editor's best calling code so as to integrate with your system. To complete integration, you should enter the operating interface, directly copy the code segment displayed and paste it to your system.

l   Setting
By this function, you can modify parametric settings of every style which include button image directory, tone style, uploaded file's directory and its extanded name, etc. There are detailed explanations for every parametric setting in the chapter of "style attribute".

l   Toolbar
By this function, you can manage configurations of the designated style toolbar and its buttons, which include setting the bar's number of toolbar, the number of the buttons and its arrangement on toolbar etc. More details can be found on chapter of "toolbar management"

l   Copy
By this function, you can quickly create a copy for designated style. Compared with "creation of a new style" button, it frees you from a lot of filling work for default settings.
For example, when click on "Copy" button on the right of "coolblue" style row, you will find there will be one more style named "coolblue1", whose configuration information is actually just identical to that of "coolblue" with only minor difference in name. Now you can make adjustment based on "coolblue1" to finish the customization quickly and easily as you required.
By "Copy" function, you no longer need to fill all the parameters again, just for a small part of customization.

l   Delete
That is to delete the selected style. Be careful of applying this function, for the styles cannot be resumed after being deleted.