| 1 |
816
|
doc
|
/*
|
| 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 |
1199
|
Luisehahne
|
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 |
816
|
doc
|
|
| 24 |
1161
|
Luisehahne
|
// ----------------------
|
| 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 |
816
|
doc
|
// #########################################################################################
|
| 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 |
1161
|
Luisehahne
|
FCKConfig.ShiftEnterMode = 'br' ; // allowed tags: p | div | br
|
| 63 |
|
|
FCKConfig.StylesXmlPath = FCKConfig.EditorPath + 'fckstyles.xml' ;
|
| 64 |
|
|
|
| 65 |
816
|
doc
|
// +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
|
| 66 |
|
|
// Note: If you miss some options, have a look into fckconfig.js and add the lines below
|
| 67 |
|
|
// +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
|
| 68 |
|
|
|
| 69 |
|
|
|
| 70 |
|
|
// #########################################################################################
|
| 71 |
|
|
// # FCKEditor: Customised FCKEditor tool bar
|
| 72 |
|
|
// # ---------------------------------------------------------------------------------------
|
| 73 |
|
|
// # Here you can modify the FCKEditor tool bar to your needs.
|
| 74 |
|
|
// # A collection of example layouts are provided below.
|
| 75 |
|
|
// #
|
| 76 |
|
|
// # Note: Per default the tool bar named: "WBToolbar" will be used within FCKEditor.
|
| 77 |
|
|
// #########################################################################################
|
| 78 |
|
|
|
| 79 |
|
|
// ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
|
| 80 |
|
|
// Default toolbar set used by Website Baker
|
| 81 |
|
|
// ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
|
| 82 |
1161
|
Luisehahne
|
FCKConfig.ToolbarSets["Original"] = [
|
| 83 |
|
|
['Source','Save'],
|
| 84 |
816
|
doc
|
['Cut','Copy','Paste','PasteText','PasteWord','-','SpellCheck'],
|
| 85 |
|
|
['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
|
| 86 |
|
|
['Smiley','SpecialChar'],
|
| 87 |
|
|
['FitWindow','-','About'],
|
| 88 |
|
|
'/',
|
| 89 |
|
|
['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
|
| 90 |
|
|
['OrderedList','UnorderedList','-','Outdent','Indent'],
|
| 91 |
|
|
['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
|
| 92 |
1161
|
Luisehahne
|
['Link','Unlink','Anchor'],
|
| 93 |
816
|
doc
|
['Image','Flash','Table','Rule'],
|
| 94 |
|
|
'/',
|
| 95 |
|
|
['Style','FontFormat','FontName','FontSize'],
|
| 96 |
|
|
['TextColor','BGColor']
|
| 97 |
|
|
] ;
|
| 98 |
|
|
|
| 99 |
|
|
// ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
|
| 100 |
|
|
// original FCKEditor toolbar
|
| 101 |
|
|
// ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
|
| 102 |
1161
|
Luisehahne
|
FCKConfig.ToolbarSets["WBToolbar"] = [
|
| 103 |
|
|
['Source','DocProps','-','NewPage','Preview','-','Templates'],
|
| 104 |
816
|
doc
|
['Cut','Copy','Paste','PasteText','PasteWord','-','Print','SpellCheck'],
|
| 105 |
1199
|
Luisehahne
|
['FitWindow','ShowBlocks', '-', 'SyntaxHighLight2', 'flvPlayer', '-','About'],
|
| 106 |
1161
|
Luisehahne
|
'/',
|
| 107 |
816
|
doc
|
['Form','Checkbox','Radio','TextField','Textarea','Select','Button','ImageButton','HiddenField'],
|
| 108 |
1161
|
Luisehahne
|
['TextColor','BGColor'],
|
| 109 |
|
|
['WBDroplets','WBModules','Link','Unlink','Anchor'],
|
| 110 |
|
|
['Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak'],
|
| 111 |
816
|
doc
|
'/',
|
| 112 |
|
|
['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
|
| 113 |
|
|
['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote'],
|
| 114 |
|
|
['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
|
| 115 |
1161
|
Luisehahne
|
['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
|
| 116 |
816
|
doc
|
'/',
|
| 117 |
1161
|
Luisehahne
|
['Style','FontFormat','FontName','FontSize'] // No comma for the last row.
|
| 118 |
|
|
|
| 119 |
816
|
doc
|
] ;
|
| 120 |
|
|
|
| 121 |
|
|
|
| 122 |
|
|
// ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
|
| 123 |
|
|
// simple toolbar (only basic functions)
|
| 124 |
|
|
// ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
|
| 125 |
|
|
FCKConfig.ToolbarSets["Simple"] = [
|
| 126 |
|
|
['Preview',"Print"],
|
| 127 |
|
|
['Cut','Copy','Paste','PasteText'],
|
| 128 |
|
|
['Undo','Redo'],
|
| 129 |
|
|
['Bold','Italic','Underline'],
|
| 130 |
|
|
['OrderedList','UnorderedList','-','Table'],
|
| 131 |
|
|
['WBModules','Link','Unlink','Anchor'],
|
| 132 |
|
|
['RemoveFormat','Image','-','Source'],
|
| 133 |
|
|
'/',
|
| 134 |
|
|
['FontFormat','Style']
|
| 135 |
|
|
] ;
|
| 136 |
|
|
|
| 137 |
|
|
|
| 138 |
|
|
// #########################################################################################
|
| 139 |
|
|
// # FCKEditor: CSS / XML / TEMPLATES
|
| 140 |
|
|
// # ---------------------------------------------------------------------------------------
|
| 141 |
|
|
// # Here you can tweak the layout of the FCKEditor according your needs.
|
| 142 |
|
|
// # Specify HTML elements shown in the dropdown menu and the XML file which defines your
|
| 143 |
|
|
// # CSS styles available in the FCKEditor style menu.
|
| 144 |
|
|
// #########################################################################################
|
| 145 |
|
|
|
| 146 |
|
|
// define HTML elements which appear in the FCK "Format" toolbar menu
|
| 147 |
|
|
FCKConfig.FontFormats = 'p;div;pre;address;h1;h2;h3;h4;h5;h6' ;
|
| 148 |
|
|
// define font colors which can be set by the user (HEXADECIMAL)
|
| 149 |
|
|
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' ;
|
| 150 |
|
|
// define fonts style and sizes which can be set by the user
|
| 151 |
1161
|
Luisehahne
|
FCKConfig.FontNames = 'Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana;Wingdings' ;
|
| 152 |
|
|
// FCKConfig.FontSizes = 'smaller;larger;xx-small;x-small;small;medium;large;x-large;xx-large' ;
|
| 153 |
|
|
FCKConfig.FontSizes = '8px;10px;12px;14px;16px;18px;20px;24px;28px;32px;36px;48px;60px;72px' ;
|
| 154 |
816
|
doc
|
// make the offic2003 skin the default skin
|
| 155 |
|
|
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/office2003/'
|
| 156 |
1161
|
Luisehahne
|
FCKConfig.ProtectedSource.Add( /<\?[\s\S]*?\?>/g ) ;
|
| 157 |
|
|
FCKConfig.TemplateReplaceAll = false;
|
| 158 |
|
|
FCKConfig.TemplateReplaceCheckbox = true ;
|
| 159 |
1199
|
Luisehahne
|
FCKConfig['StylesXmlPath'] = FCKConfig.BasePath+'/wb_config/wb_fckstyles.xml';
|
| 160 |
816
|
doc
|
|
| 161 |
|
|
/*
|
| 162 |
|
|
-----------------------------------------------------------------------------------------
|
| 163 |
|
|
Note: GENERAL HINTS ON CSS FORMATS AND XML FILES
|
| 164 |
|
|
-----------------------------------------------------------------------------------------
|
| 165 |
|
|
Easiest way to display all CSS definitions used in your template is to make a copy of your
|
| 166 |
|
|
CSS definition file and place it as "editor.css" in your template folder.
|
| 167 |
|
|
All styles will automatically be updated and used with the FCK editor.
|
| 168 |
|
|
|
| 169 |
|
|
If you don?t want to put custom "editor.css" files into your templates folder, you can
|
| 170 |
|
|
try the other approach introduced below:
|
| 171 |
|
|
|
| 172 |
|
|
copy all CSS definitions of your template into file: /my_config/my_fckeditorarea.css
|
| 173 |
|
|
o Default HTML elements like (h1, p) will appear in the format you have specified via CSS.
|
| 174 |
|
|
o additional HTML elements like (.title) will appear in the "Styles" toolbar menu of FCK
|
| 175 |
|
|
|
| 176 |
|
|
Via file (/my_config/my_fckstyles.xml) you can define additional styles for default
|
| 177 |
|
|
elements. Use this option, if you want to display conditional styles only if a special
|
| 178 |
|
|
HTML element is selected (e.g. after selecting an <img> element, the style menu will
|
| 179 |
|
|
provide additional elements like align=left, align=right, which don?t show up for other
|
| 180 |
|
|
elements like <p>
|
| 181 |
|
|
|
| 182 |
|
|
CSS definitions declared in the XML file are realised as INLINE styles. If you want avoid
|
| 183 |
|
|
INLINE elements, but the CSS definitions into the /my_config_my_fckeditorarea.css and
|
| 184 |
|
|
references only the class or ID in the XML file.
|
| 185 |
|
|
|
| 186 |
|
|
Use /my_config/my_template.xls to define custom Editor templates (e.g. 2 or 3 column).
|
| 187 |
|
|
This option is usefull if you have several side layouts (e.g. Level 1, Level 2...)
|
| 188 |
|
|
*/
|
| 189 |
|
|
|
| 190 |
|
|
|
| 191 |
|
|
// #########################################################################################
|
| 192 |
|
|
// # FCK Editor: PLUGINS (Link, Image, Flash)
|
| 193 |
|
|
// # ---------------------------------------------------------------------------------------
|
| 194 |
|
|
// # Plugin Link: create internal or external links and URL
|
| 195 |
|
|
// # Plugin Image: insert images to your WYSIWYG text area form the WB media directory
|
| 196 |
|
|
// # Plugin Flash: insert flash elements including upload Option
|
| 197 |
|
|
// #
|
| 198 |
|
|
// # Note:
|
| 199 |
|
|
// # You need to integrate the plugins into the menu bar so you can use them
|
| 200 |
|
|
// # FCKConfig.ToolbarSets["MyToolbar"] = [
|
| 201 |
|
|
// # ['Image',Link','Flash'], ...
|
| 202 |
|
|
// # ];
|
| 203 |
|
|
// #########################################################################################
|
| 204 |
|
|
|
| 205 |
|
|
// configure the image plugin
|
| 206 |
|
|
FCKConfig.ImageUpload = false ; // display/hides image upload tab (allow/disable users to upload images from FCK)
|
| 207 |
|
|
FCKConfig.ImageBrowser = true ; // enables/disables the file browser to search for uploaded files in /media folder
|
| 208 |
|
|
|
| 209 |
|
|
// configure the link plugin
|
| 210 |
|
|
FCKConfig.LinkUpload = false ; // display/hides link upload tab (allow/disable users to upload files from FCK)
|
| 211 |
|
|
FCKConfig.LinkBrowser = true ; // enables/disables the file browser to search for uploaded files in /media folder
|
| 212 |
|
|
|
| 213 |
|
|
// configure the flash plugin
|
| 214 |
|
|
FCKConfig.FlashUpload = false ; // display/hides upload tab (allow/disable users to upload flash movies from FCK)
|
| 215 |
|
|
FCKConfig.FlashBrowser = true; // enables/disables the file browser to search for uploaded files in /media folder
|