1
|
/*
|
2
|
#########################################################################################
|
3
|
# Configure FCKEditor according your needs
|
4
|
# ---------------------------------------------------------------------------------------
|
5
|
# Purpose of this file is to define all settings of FCKEditor without changing the FCK
|
6
|
# Javascript core file fckconfig.js. Doing so allows to upgrade to a newer version of
|
7
|
# FCKEditor while keeping all your customisations (styles, toolbars...)
|
8
|
#
|
9
|
# Author: Christian Sommer, (doc)
|
10
|
#
|
11
|
# Follow this link for more information:
|
12
|
# http://wiki.fckeditor.net/Developer%27s_Guide/Configuration/Configurations_Settings
|
13
|
#
|
14
|
#########################################################################################
|
15
|
*/
|
16
|
|
17
|
// required settings to make FCKEditor work with Website Baker (do not change them)
|
18
|
FCKConfig.Plugins.Add( 'WBModules', 'en,nl,de' ) ;
|
19
|
FCKConfig.Plugins.Add( 'WBDroplets', 'en,nl,de' ) ;
|
20
|
// FCKConfig.Plugins.Add( 'youtube', 'en,ja,de' );
|
21
|
FCKConfig.Plugins.Add( 'swfobject', 'en,es') ;
|
22
|
// FCKConfig.Plugins.Add( 'flvPlayer','en,de') ;
|
23
|
|
24
|
// ----------------------
|
25
|
// Configure Syntax highlighter for 2.0.x
|
26
|
FCKConfig.Plugins.Add('syntaxhighlight2', 'en');
|
27
|
// default language options:
|
28
|
// c++,csharp,css,delphi,java,jscript,php,python,ruby,sql,vb,xhtml
|
29
|
FCKConfig.SyntaxHighlight2LangDefault = 'php';
|
30
|
//
|
31
|
// ----------------------
|
32
|
|
33
|
// FCKConfig.Plugins.Add( 'autogrow' ) ;
|
34
|
// FCKConfig.Plugins.Add( 'dragresizetable' );
|
35
|
FCKConfig.AutoGrowMax = 600 ;
|
36
|
|
37
|
// FCKConfig.ProtectedSource.Add( /<%[\s\S]*?%>/g ) ; // ASP style server side code <%...%>
|
38
|
// FCKConfig.ProtectedSource.Add( /<\?[\s\S]*?\?>/g ) ; // PHP style server side code
|
39
|
// FCKConfig.ProtectedSource.Add( /(<asp:[^\>]+>[\s|\S]*?<\/asp:[^\>]+>)|(<asp:[^\>]+\/>)/gi ) ; // ASP.Net style tags <asp:control>
|
40
|
|
41
|
// #########################################################################################
|
42
|
// # FCKEditor: General settings
|
43
|
// # ---------------------------------------------------------------------------------------
|
44
|
// # Here you can modify all the options available in the /fckeditor/editor/fckconfig.js
|
45
|
// # Settings defined here will overrule the ones defined in fckconfig.js without touching
|
46
|
// # the Javascript core files of FCK.
|
47
|
// #
|
48
|
// # If you are missing some options, have a look into fckconfig.js and copy the required
|
49
|
// # code lines here
|
50
|
// #########################################################################################
|
51
|
|
52
|
// set doctype as used in your template to prevent code mix up (example XHTML 1.0 Transitional)
|
53
|
FCKConfig.DocType = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">' ;
|
54
|
|
55
|
// define FCK default language
|
56
|
FCKConfig.AutoDetectLanguage = true ; // could be turned off, if all users speek same language
|
57
|
FCKConfig.DefaultLanguage = 'en' ; // could be switched to de for German
|
58
|
FCKConfig.ContentLangDirection = 'ltr' ; // left to right
|
59
|
|
60
|
// specify HTML tag used for ENTER and SHIFT+ENTER key
|
61
|
FCKConfig.EnterMode = 'p' ; // allowed tags: p | div | br
|
62
|
FCKConfig.ShiftEnterMode = 'br' ; // allowed tags: p | div | br
|
63
|
FCKConfig.StylesXmlPath = FCKConfig.EditorPath + 'fckstyles.xml' ;
|
64
|
// define how FCK should handle empty blocks
|
65
|
FCKConfig.FillEmptyBlocks = true ; //true (default value) sets <p></p> tags to empty blocks
|
66
|
|
67
|
// +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
|
68
|
// Note: If you miss some options, have a look into fckconfig.js and add the lines below
|
69
|
// +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
|
70
|
|
71
|
|
72
|
// #########################################################################################
|
73
|
// # FCKEditor: Customised FCKEditor tool bar
|
74
|
// # ---------------------------------------------------------------------------------------
|
75
|
// # Here you can modify the FCKEditor tool bar to your needs.
|
76
|
// # A collection of example layouts are provided below.
|
77
|
// #
|
78
|
// # Note: Per default the tool bar named: "WBToolbar" will be used within FCKEditor.
|
79
|
// #########################################################################################
|
80
|
|
81
|
// ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
|
82
|
// Default toolbar set used by Website Baker
|
83
|
// ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
|
84
|
FCKConfig.ToolbarSets["Original"] = [
|
85
|
['Source','Save'],
|
86
|
['Cut','Copy','Paste','PasteText','PasteWord','-','SpellCheck'],
|
87
|
['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
|
88
|
['Smiley','SpecialChar'],
|
89
|
['FitWindow','-','About'],
|
90
|
'/',
|
91
|
['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
|
92
|
['OrderedList','UnorderedList','-','Outdent','Indent'],
|
93
|
['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
|
94
|
['Link','Unlink','Anchor'],
|
95
|
['Image','Flash','Table','Rule'],
|
96
|
'/',
|
97
|
['Style','FontFormat','FontName','FontSize'],
|
98
|
['TextColor','BGColor']
|
99
|
] ;
|
100
|
|
101
|
// ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
|
102
|
// original FCKEditor toolbar
|
103
|
// ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
|
104
|
FCKConfig.ToolbarSets["WBToolbar"] = [
|
105
|
['Source','DocProps','-','NewPage','Preview','-','Templates'],
|
106
|
['Cut','Copy','Paste','PasteText','PasteWord','-','Print','SpellCheck'],
|
107
|
['FitWindow','ShowBlocks', '-', 'SyntaxHighLight2', /**/ /* 'flvPlayer', */ '-','About'],
|
108
|
'/',
|
109
|
['Form','Checkbox','Radio','TextField','Textarea','Select','Button','ImageButton','HiddenField'],
|
110
|
['TextColor','BGColor'],
|
111
|
['WBDroplets','WBModules','Link','Unlink','Anchor'],
|
112
|
['Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak'],
|
113
|
'/',
|
114
|
['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
|
115
|
['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote'],
|
116
|
['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
|
117
|
['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
|
118
|
'/',
|
119
|
['Style','FontFormat','FontName','FontSize'] // No comma for the last row.
|
120
|
|
121
|
] ;
|
122
|
|
123
|
|
124
|
// ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
|
125
|
// simple toolbar (only basic functions)
|
126
|
// ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
|
127
|
FCKConfig.ToolbarSets["Simple"] = [
|
128
|
['Preview',"Print"],
|
129
|
['Cut','Copy','Paste','PasteText'],
|
130
|
['Undo','Redo'],
|
131
|
['Bold','Italic','Underline'],
|
132
|
['OrderedList','UnorderedList','-','Table'],
|
133
|
['WBModules','Link','Unlink','Anchor'],
|
134
|
['RemoveFormat','Image','-','Source'],
|
135
|
'/',
|
136
|
['FontFormat','Style']
|
137
|
] ;
|
138
|
|
139
|
|
140
|
// #########################################################################################
|
141
|
// # FCKEditor: CSS / XML / TEMPLATES
|
142
|
// # ---------------------------------------------------------------------------------------
|
143
|
// # Here you can tweak the layout of the FCKEditor according your needs.
|
144
|
// # Specify HTML elements shown in the dropdown menu and the XML file which defines your
|
145
|
// # CSS styles available in the FCKEditor style menu.
|
146
|
// #########################################################################################
|
147
|
|
148
|
// define HTML elements which appear in the FCK "Format" toolbar menu
|
149
|
FCKConfig.FontFormats = 'p;div;pre;address;h1;h2;h3;h4;h5;h6' ;
|
150
|
// define font colors which can be set by the user (HEXADECIMAL)
|
151
|
FCKConfig.FontColors = '000000,993300,333300,003300,003366,000080,333399,333333,800000,FF6600,808000,808080,008080,0000FF,666699,808080,FF0000,FF9900,99CC00,339966,33CCCC,3366FF,800080,999999,FF00FF,FFCC00,FFFF00,00FF00,00FFFF,00CCFF,993366,C0C0C0,FF99CC,FFCC99,FFFF99,CCFFCC,CCFFFF,99CCFF,CC99FF,FFFFFF' ;
|
152
|
// define fonts style and sizes which can be set by the user
|
153
|
FCKConfig.FontNames = 'Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana;Wingdings' ;
|
154
|
// FCKConfig.FontSizes = 'smaller;larger;xx-small;x-small;small;medium;large;x-large;xx-large' ;
|
155
|
FCKConfig.FontSizes = '8px;10px;12px;14px;16px;18px;20px;24px;28px;32px;36px;48px;60px;72px' ;
|
156
|
// make the offic2003 skin the default skin
|
157
|
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/office2003/'
|
158
|
FCKConfig.ProtectedSource.Add( /<\?[\s\S]*?\?>/g ) ;
|
159
|
FCKConfig.TemplateReplaceAll = false;
|
160
|
FCKConfig.TemplateReplaceCheckbox = true ;
|
161
|
FCKConfig['StylesXmlPath'] = FCKConfig.BasePath+'/wb_config/wb_fckstyles.xml';
|
162
|
|
163
|
/*
|
164
|
-----------------------------------------------------------------------------------------
|
165
|
Note: GENERAL HINTS ON CSS FORMATS AND XML FILES
|
166
|
-----------------------------------------------------------------------------------------
|
167
|
Easiest way to display all CSS definitions used in your template is to make a copy of your
|
168
|
CSS definition file and place it as "editor.css" in your template folder.
|
169
|
All styles will automatically be updated and used with the FCK editor.
|
170
|
|
171
|
If you don�t want to put custom "editor.css" files into your templates folder, you can
|
172
|
try the other approach introduced below:
|
173
|
|
174
|
copy all CSS definitions of your template into file: /my_config/my_fckeditorarea.css
|
175
|
o Default HTML elements like (h1, p) will appear in the format you have specified via CSS.
|
176
|
o additional HTML elements like (.title) will appear in the "Styles" toolbar menu of FCK
|
177
|
|
178
|
Via file (/my_config/my_fckstyles.xml) you can define additional styles for default
|
179
|
elements. Use this option, if you want to display conditional styles only if a special
|
180
|
HTML element is selected (e.g. after selecting an <img> element, the style menu will
|
181
|
provide additional elements like align=left, align=right, which don�t show up for other
|
182
|
elements like <p>
|
183
|
|
184
|
CSS definitions declared in the XML file are realised as INLINE styles. If you want avoid
|
185
|
INLINE elements, but the CSS definitions into the /my_config_my_fckeditorarea.css and
|
186
|
references only the class or ID in the XML file.
|
187
|
|
188
|
Use /my_config/my_template.xls to define custom Editor templates (e.g. 2 or 3 column).
|
189
|
This option is usefull if you have several side layouts (e.g. Level 1, Level 2...)
|
190
|
*/
|
191
|
|
192
|
|
193
|
// #########################################################################################
|
194
|
// # FCK Editor: PLUGINS (Link, Image, Flash)
|
195
|
// # ---------------------------------------------------------------------------------------
|
196
|
// # Plugin Link: create internal or external links and URL
|
197
|
// # Plugin Image: insert images to your WYSIWYG text area form the WB media directory
|
198
|
// # Plugin Flash: insert flash elements including upload Option
|
199
|
// #
|
200
|
// # Note:
|
201
|
// # You need to integrate the plugins into the menu bar so you can use them
|
202
|
// # FCKConfig.ToolbarSets["MyToolbar"] = [
|
203
|
// # ['Image',Link','Flash'], ...
|
204
|
// # ];
|
205
|
// #########################################################################################
|
206
|
|
207
|
// configure the image plugin
|
208
|
FCKConfig.ImageUpload = false ; // display/hides image upload tab (allow/disable users to upload images from FCK)
|
209
|
FCKConfig.ImageBrowser = true ; // enables/disables the file browser to search for uploaded files in /media folder
|
210
|
|
211
|
// configure the link plugin
|
212
|
FCKConfig.LinkUpload = false ; // display/hides link upload tab (allow/disable users to upload files from FCK)
|
213
|
FCKConfig.LinkBrowser = true ; // enables/disables the file browser to search for uploaded files in /media folder
|
214
|
|
215
|
// configure the flash plugin
|
216
|
FCKConfig.FlashUpload = false ; // display/hides upload tab (allow/disable users to upload flash movies from FCK)
|
217
|
FCKConfig.FlashBrowser = true; // enables/disables the file browser to search for uploaded files in /media folder
|