Magento

First download FCKeditor and uploaded it to ./fckeditor/.

Next insert this code wherever you want to use it (using the replace textarea method)

I have FCKeditor attached to the CMS, Category, and Product pages. It works great! I still haven’t figured out how to resize it so you can see more of what you’re editing, but c’est la vie.

Try the following:

Look for \magento\skin\adminhtml\default\default\boxes.css

Replace

With

Then, find your fckeditor.js and look for

Put a value like 800 in there instead.

Hi,
Could You please tell which files to modify to have cms, product and categories editable with wisywyg? I am trying to search all files for textarea field but I am afraid that Ill mess somethng up. It would be also great if you could post whole file to see how You’ve done it.
Best regards,
Piotr

winzippy - 02 April 2008 06:56 AM

I have FCKeditor attached to the CMS, Category, and Product pages. It works great! I still haven’t figured out how to resize it so you can see more of what you’re editing, but c’est la vie.

can you specifiy which files you threw this FCK code into? Can’t find athe specific files that draw the textboxes it seems

Sean Yeomans - 10 April 2008 05:05 AM

can you specifiy which files you threw this FCK code into? Can’t find the specific files that draw the textboxes it seems

The Wiki will point you in the right direction - Wiki - WYSIWYG A How-to. See the “Where to insert it” section.

My question is how do I figure this part out?
‘id_of_element_where_you_want_to_attach_fckeditor’

What i did was use FireBug (the most awesome Firefox extension EVAR) and inspected the text area. It gave the id.

For product editiing, you need the id’s to be “description” and “short_description.”

For category editing, it has to be “_generaldescription.

For CMS editing, use the following:

Thanks! Will pass the info on to my programming buddy and try it out.

Update:
Turned on the wysiwyg in the Main.php file - it works! Tried to re-size the textarea in the CSS file as suggested by the Wiki. For the first line, I tried #page_content .textarea required-entry. No change.

Here’s what I see in my source code:

You’ve been great thus far, any more suggestions for this noob? Thanks in advance!

I dont understand where to put the code you wrote...Sorry...i’m totaly noob out here

warriorgov9791 - 12 April 2008 04:13 PM

Update:
Turned on the wysiwyg in the Main.php file - it works! Tried to re-size the textarea in the CSS file as suggested by the Wiki. No change.

dane’s solution above worked for me! Width in .js file needed to be changed from percentage to absolute value in pixels.

Thanks guys! Will now try to add FCK to Manage Products page.

Update: Got FCKeditor attached to ‘description’ on products page. Would like to know exactly how to attach it also to ‘short_description’, please?

Mahalo & Aloha!

I did it like this : (though it’s quite brutal)

By the way, does anyone know how to change the look of textarea in product , category, and CMS all in different ways ???
in the fckconfig , i defined the height to 600. it looks beautiful in CMS. but then, in product, and category it looks.... inappropriate.
It is awfully narrow there and long there.

i know from the page source :

so, anyone with deeper CSS maybe can help me with these?

Click thumbnail to see full-size image

In response to Yoke Lee’s post:

If you need to change width or height only, you can use some optional parameters for the FCKeditor() constructor:

The second parameter ist width, the third is height.

With best regards,
Andy

HEY!!  I SOLVE IT !!

notice the height and width ?

This way we can do every customization without changing CSS ! Hahaha…
How foolish I am… actually, I got the whole code while implementing the FCK in one of these forum, but I forgot from who…

Thice - 19 May 2008 01:56 AM

In response to Yoke Lee’s post:

If you need to change width or height only, you can use some optional parameters for the FCKeditor() constructor:

var oFCKeditorMain = new FCKeditor( "ds_main_content", "100%", "300px" );
var oFCKeditorCMS = new FCKeditor( "ds_cms_content", "100%", "600px" );

The second parameter ist width, the third is height.

With best regards,
Andy

Hey thanks Andy!
I’ll try that !

Know more methods is never a disadvantage,rite?

I’ve added this element as described, but now I get a wierd pop-up error when creating a new product (Add Product page) the message says..

Error: The TEXTAREA with id or name set to “description” was not found.

Then I click OK and it goes to the normal Create Product Settings page. Then upon creating a new product, that new field with the FCKeditor has text in it, however upon trying to save the newly created product, a red message at the bottom of that text field pops up and says: This is a required field. ..and won’t let me save the product. Anybody experiencing this or know why it’s doing this?

Yeah, i’m having the same problem.

However, it works well within edit product.