fckeditor works and custom toolbar works
I am posting my process. Hopefully, it will save others a bunch of time and tears and no hair pulling! The documentation that FCKeditor has right now is very outdated and it took me awhile to figure out what had changed and make a list.
Download: http://www.fckeditor.net/download/default.html
Unzip it
Upload it to your xcart directory.
Rename the directory on your server / test server / and local to fckeditor
Test fckeditor: http://www. yourdomain.com/xcart/fckeditor/_samples/php/sample01.php
If you can see a text area with the WYSIWYG fckeditor on top of it, then you have installed it correctly and your server is happy with this.
Edit the following files:
/skin1/meta.tpl (Add the second line)
{* $Id: meta.tpl,v 1.18.2.4 2004/12/23 12:50:34 svowl Exp $ *}
<script type="text/javascript" src="http://www. yourdomain.com/xcart/fckeditor/fckeditor.js"></script>
<META http-equiv="Content-Type" content="text/html; charset={$default_charset|default:"iso-8859-1"}">
/skin1/main/product_details.tpl (Go almost to the bottom of the file and just above the last </FORM> tag, add the following:
script type="text/javascript">
var oFCKeditor = new FCKeditor( 'descr' ) ;
oFCKeditor.ToolbarSet = "MyToolBar" ;
oFCKeditor.ReplaceTextarea() ;
</script>
<script type="text/javascript">
var oFCKeditor = new FCKeditor( 'fulldescr' ) ;
oFCKeditor.ToolbarSet = "MyToolBar" ;
oFCKeditor.ReplaceTextarea() ;
</script>
fckeditor/fckeditor.js
Search for the following text snippit:
this.BasePath ='/fckeditor/' ;
Change to:
this.BasePath = '../fckeditor/' ;
Now here is the interesting part. In the product_details.tpl, I referenced something called ToolbarSet="MyToolBar". With the original installation of fckeditor you get all of the toolsets called Default or the really scaled down Basic. Most want something in between. I am including the complete code for the last file to edit:
fckeditor/fckconfig.js
Quote:
/*
* FCKeditor - The text editor for internet
* Copyright (C) 2003-2004 Frederico Caldeira Knabben
*
* Licensed under the terms of the GNU Lesser General Public License:
* http://www.opensource.org/licenses/lgpl-license.php
*
* For further information visit:
* http://www.fckeditor.net/
*
* File Name: fckconfig.js
* Editor configuration settings.
* See the documentation for more info.
*
* Version: 2.0 RC3
* Modified: 2005-02-27 21:31:48
*
* File Authors:
* Frederico Caldeira Knabben (fredck@fckeditor.net)
*/
FCKConfig.CustomConfigurationsPath = '' ;
FCKConfig.EditorAreaCSS = FCKConfig.BasePath + 'css/fck_editorarea.css' ;
FCKConfig.BaseHref = '' ;
FCKConfig.FullPage = false ;
FCKConfig.Debug = false ;
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ;
FCKConfig.PluginsPath = FCKConfig.BasePath + 'plugins/' ;
// FCKConfig.Plugins.Add( 'placeholder', 'en,it' ) ;
FCKConfig.AutoDetectLanguage = true ;
FCKConfig.DefaultLanguage = 'en' ;
FCKConfig.ContentLangDirection = 'ltr' ;
FCKConfig.EnableXHTML = true ;
FCKConfig.EnableSourceXHTML = true ;
FCKConfig.FillEmptyBlocks = true ;
FCKConfig.FormatSource = true ;
FCKConfig.FormatOutput = true ;
FCKConfig.FormatIndentator = ' ' ;
FCKConfig.GeckoUseSPAN = true ;
FCKConfig.StartupFocus = false ;
FCKConfig.ForcePasteAsPlainText = false ;
FCKConfig.ForceSimpleAmpersand = false ;
FCKConfig.TabSpaces = 0 ;
FCKConfig.ShowBorders = true ;
FCKConfig.UseBROnCarriageReturn = false ;
FCKConfig.ToolbarStartExpanded = true ;
FCKConfig.ToolbarCanCollapse = true ;
FCKConfig.ToolbarSets["Default"] = [
['Source','DocProps','-','Save','NewPage','Preview'],
['Cut','Copy','Paste','PasteText','PasteWord','-','Print','SpellCheck'],
['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
['OrderedList','UnorderedList','-','Outdent','Indent'],
['JustifyLeft','JustifyCenter','JustifyRight','Just ifyFull'],
['Link','Unlink','Anchor'],
['Image','Table','Rule','Smiley','SpecialChar','Uni versalKey'],
['Form','Checkbox','Radio','TextField','Textarea',' Select','Button','ImageButton','HiddenField'],
'/',
['Style','FontFormat','FontName','FontSize'],
['TextColor','BGColor'],
['About']
] ;
FCKConfig.ToolbarSets["MyToolBar"] = [
['Cut','Copy','Paste','SpellCheck'],
['Bold','Italic','Underline'],
['JustifyLeft','JustifyCenter','JustifyRight','Just ifyFull'],
['Style'],
['FontFormat'],
['FontName'],
['FontSize']
] ;
FCKConfig.ToolbarSets["Basic"] = [
['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-',],
['JustifyLeft','JustifyCenter','JustifyRight','Just ifyFull']
] ;
FCKConfig.ContextMenu = ['Generic','Link','Anchor','Image','Select','Textar ea','Checkbox','Radio','TextField','HiddenField',' ImageButton','Button','BulletedList','NumberedList ','TableCell','Table','Form'] ;
FCKConfig.FontColors = '000000,993300,333300,003300,003366,000080,333399, 333333,800000,FF6600,808000,808080,008080,0000FF,6 66699,808080,FF0000,FF9900,99CC00,339966,33CCCC,33 66FF,800080,999999,FF00FF,FFCC00,FFFF00,00FF00,00F FFF,00CCFF,993366,C0C0C0,FF99CC,FFCC99,FFFF99,CCFF CC,CCFFFF,99CCFF,CC99FF,FFFFFF' ;
FCKConfig.FontNames = 'Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;
FCKConfig.FontSizes = '1/xx-small;2/x-small;3/small;4/medium;5/large;6/x-large;7/xx-large' ;
FCKConfig.FontFormats = 'p;div;pre;address;h1;h2;h3;h4;h5;h6' ;
FCKConfig.StylesXmlPath = '../fckstyles.xml' ;
FCKConfig.SpellChecker = 'ieSpell' ; // 'ieSpell' | 'SpellerPages'
FCKConfig.IeSpellDownloadUrl = 'http://www.iespell.com/rel/ieSpellSetup211325.exe' ;
FCKConfig.LinkBrowser = true ;
FCKConfig.LinkBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Connector=connectors/asp/connector.asp' ;
//FCKConfig.LinkBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Connector=connectors/asp/connector.asp&ServerPath=/CustomFiles/' ;
//FCKConfig.LinkBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Connector=connectors/aspx/connector.aspx' ;
//FCKConfig.LinkBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Connector=connectors/php/connector.php' ;
FCKConfig.LinkBrowserWindowWidth = screen.width * 0.7 ; // 70%
FCKConfig.LinkBrowserWindowHeight = screen.height * 0.7 ; // 70%
FCKConfig.ImageBrowser = true ;
FCKConfig.ImageBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Type=Image&Connector=connectors/asp/connector.asp' ;
//FCKConfig.ImageBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Type=Image&Connector=connectors/aspx/connector.aspx' ;
//FCKConfig.ImageBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Type=Image&Connector=connectors/php/connector.php' ;
FCKConfig.ImageBrowserWindowWidth = screen.width * 0.7 ; // 70% ;
FCKConfig.ImageBrowserWindowHeight = screen.height * 0.7 ; // 70% ;
FCKConfig.SmileyPath = FCKConfig.BasePath + 'images/smiley/msn/' ;
FCKConfig.SmileyImages = ['regular_smile.gif','sad_smile.gif','wink_smile.gi f','teeth_smile.gif','confused_smile.gif','tounge_ smile.gif','embaressed_smile.gif','omg_smile.gif', 'whatchutalkingabout_smile.gif','angry_smile.gif', 'angel_smile.gif','shades_smile.gif','devil_smile. gif','cry_smile.gif','lightbulb.gif','thumbs_down. gif','thumbs_up.gif','heart.gif','broken_heart.gif ','kiss.gif','envelope.gif'] ;
FCKConfig.SmileyColumns = 8 ;
FCKConfig.SmileyWindowWidth = 320 ;
FCKConfig.SmileyWindowHeight = 240 ;
|
Notice that an extra toolbar set is inserted between the Default and Basic sets. I did that so I could see how the tool items were called. Pay attention to the syntax. Each [tool,tool2,tool3], is a row on the toolbar. Also pay attention to where the commas are put at the end of the rows. I messed up there several times and got "can't find it" errors.
I hope I remembered everything I did and documented it here. If somebody finds a mistake or a better way - please please post it for the rest of us. 
__________________
Xcart Gold 4.0.13
OS: Linux
Apache version: 1.3.33 (Unix)
PHP version: 4.3.11
MySQL version: 4.0.22-standard
|