Can't see to make FCKEditor load any custom styles from fckstyles.xml. Have tried manually editing the path to the file and have tried specifying it using the UI in Drupal. FCK never shows more than the core styles.

Tried:

Verified that the path I'm using is corret by using to load the XML file
Manually editing fckconfig.js to specify a path
Manually editing fckeditor.config.js
Entering a javascript over-ride for the relevant theme. (I can tell I've got the right theme because I've specified a custom stylesheet.)

Larger question: How will I tell that working? What do I have to do to ensure that FCK is loading the required files, and I'm actually testing something meaningful? Right now I can't figure out hot to tell if it's my syntax or a path or what have you.

Comment on version: I was using an earlier version of the fckeditor module and had this problem -- didn't report it because I thought I'd try the dev vesion to see if it worked.

I've been banging my head against this for a couple of hours altogether, and could really use some pointers on where to look to figure out if the fckstyles.xml is getting processed.

CommentFileSizeAuthor
#5 drop-down-top.png9.29 KBescoles

Comments

Jorrit’s picture

Jorrit commented

fckstyles.xml is fetched using AJAX, you can use firebug to check what is being downloaded.

escoles’s picture

escoles commented

Will see about loading Firebug and verifying that it's being loaded and from where.

If it's not being loaded, and assuming that all files are in their proper places (they do seem to be), what are possible causes and remedies? I see nothing about anything like this on the FCK forums -- the closest thing I see is a case where people are seeing a PHP error, which I'm not seeing.

Additional info: Have just verified using Firebug that fckstyles.xml is being successfully retrieved in FF3 on Mac.

More add'l info, relevant since learning this is an AJAX retrieval: Problem is evidenced both on Mac and Windows.

escoles’s picture

escoles commented

To clarify and reiterate: According to Firebug, fckstyles.xml is being retrieved successfully. But I can see no indications that it is being interpreted by FCKEditor. What direction should I be going in to try to resolve this issue?

Jorrit’s picture

Jorrit commented

Are you sure you have put the 'Style' button in the toolbar you are using? It's not in there by default.

escoles’s picture

escoles commented
StatusFileSize
new drop-down-top.png9.29 KB

Not sure what you mean by "style button." I've got the drop-down list that shows styles. It's populated with the core styles. It just doesn't add anything that's specified in fckstyles.xml.

Attaching screenshot of the "button" I'm talking about.

Also, in case it's useful, here's an example of an fckstyles.xml that I've tried to use: 

<?xml version="1.0" encoding="utf-8" ?>
<!--
 * FCKeditor - The text editor for Internet - http://www.fckeditor.net
 * Copyright (C) 2003-2008 Frederico Caldeira Knabben
 *
 * == BEGIN LICENSE ==
 *
 * Licensed under the terms of any of the following licenses at your
 * choice:
 *
 *  - GNU General Public License Version 2 or later (the "GPL")
 *    http://www.gnu.org/licenses/gpl.html
 *
 *  - GNU Lesser General Public License Version 2.1 or later (the "LGPL")
 *    http://www.gnu.org/licenses/lgpl.html
 *
 *  - Mozilla Public License Version 1.1 or later (the "MPL")
 *    http://www.mozilla.org/MPL/MPL-1.1.html
 *
 * == END LICENSE ==
 *
 * This is the sample style definitions file. It makes the styles combo
 * completely customizable.
 *
 * See FCKConfig.StylesXmlPath in the configuration file.
-->
<Styles>

	<!-- Block Styles -->

	<!--
	# These styles are already available in the "Format" combo, so they are not
	# needed here by default.

	<Style name="Heading 1" element="h1" />
	<Style name="Heading 2" element="h2" />
	<Style name="Heading 3" element="h3" />
	<Style name="Heading 4" element="h4" />
	<Style name="Heading 5" element="h5" />
	<Style name="Heading 6" element="h6" />
	<Style name="Paragraph" element="p" />
	<Style name="Document Block" element="div" />
	<Style name="Preformatted Text" element="pre" />
	<Style name="Address" element="address" />
	-->

	<!-- Inline Styles -->

	<!--
	# These are core styles available as toolbar buttons.

	<Style name="Bold" element="b">
		<Override element="strong" />
	</Style>
	<Style name="Italic" element="i">
		<Override element="em" />
	</Style>
	<Style name="Underline" element="u" />
	<Style name="Strikethrough" element="strike" />
	<Style name="Subscript" element="sub" />
	<Style name="Superscript" element="sup" />
	-->

	<Style name="Marker: Yellow" element="span">
		<Style name="background-color" value="Yellow" />
	</Style>
	<Style name="Marker: Green" element="span">
		<Style name="background-color" value="Lime" />
	</Style>

	<Style name="Big" element="big" />
	<Style name="Small" element="small" />
	<Style name="Typewriter" element="tt" />

	<Style name="Computer Code" element="code" />
	<Style name="Keyboard Phrase" element="kbd" />
	<Style name="Sample Text" element="samp" />
	<Style name="Variable" element="var" />

	<Style name="Deleted Text" element="del" />
	<Style name="Inserted Text" element="ins" />

	<Style name="Cited Work" element="cite" />
	<Style name="Inline Quotation" element="q" />

	<Style name="Language: RTL" element="span">
		<Attribute name="dir" value="rtl" />
	</Style>
	<Style name="Language: LTR" element="span">
		<Attribute name="dir" value="ltr" />
	</Style>
	<Style name="Language: RTL Strong" element="bdo">
		<Attribute name="dir" value="rtl" />
	</Style>
	<Style name="Language: LTR Strong" element="bdo">
		<Attribute name="dir" value="ltr" />
	</Style>

	<!-- Object Styles -->

	<Style name="Image on Left" element="img">
		<Attribute name="style" value="padding: 5px; margin-right: 5px" />
		<Attribute name="border" value="2" />
		<Attribute name="align" value="left" />
	</Style>
	<Style name="Image on Right" element="img">
		<Attribute name="style" value="padding: 5px; margin-left: 5px" />
		<Attribute name="border" value="2" />
		<Attribute name="align" value="right" />
	</Style>
	
	<Style name="Quote" element="p">
		<Attribute name="class" value="quote" />
	</Style>
	<Style name="Quote" element="div">
		<Attribute name="class" value="quote" />
	</Style>
	<Style name="Quote Attribution" element="p">
		<Attribute name="class" value="quote-attribution" />
	</Style>
	<Style name="Quote Attribution" element="div">
		<Attribute name="class" value="quote-attribution" />
	</Style>
	
</Styles>
Jorrit’s picture

Jorrit commented

What you have on your screenshot is the FontFormat toolbar item. You need to add the 'Style' toolbar item to the toolbar you're using in fckeditor.config.js.

escoles’s picture

escoles commented
Status: Active » Closed (fixed)

Ah, I see. I guess I was confused by the fact that the combo was showing semantic elements, not font formats. That led me not to think it was a font format selector. Works now.

EDDYL’s picture

EDDYL commented

I had the same problem ! Thanks for this post that save me after 3 days of research for a small unexplicite thing.

Here is what to put in your code to get the xml and custom css working :

FCKConfig.ToolbarSets["DrupalBasic"] = [
['Style','-','Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink', 'Image']
] ;

Notice the 'Style' element : 'FontFormat' is not what you might think it is !!!!

Edouard

merzikain’s picture

merzikain commented

I was actually having this problem and it was not because I didn't add Style to the list. I got this:

Error loading "/sites/all/themes/ga/fckstyles.xml"
Do you want to see more info?

And when I clicked "OK" I got this:

URL requested: "/sites/all/themes/ga/fckstyles.xml"
Server response:
Status: 200
Response text: ...my entire fckstyles.xml file as it should be...

It took me a while to realize the problem was that I had < and > in the names of a few of my styles: <Style name="Normal <div>" element="div" />

I changed the <> to () and it started working fine.

I hope that helps anyone else who may make that silly mistake too.