| 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 = false ; //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)
|
|
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 |
217 |
FCKConfig.FlashBrowser = true; // enables/disables the file browser to search for uploaded files in /media folder
|
set default FCKConfig.FillEmptyBlocks to true