4 replies to this topic

[RossDoughty]

Hey everyone, I was wanting a WYSIWYG editor on my site, but, unfortunately, it is not showing up anywhere. I have followed the rules and have this on my admin page:

http://imgur.com/nimDw

However, I have looked both in the product descriptions on the admin panel:

http://imgur.com/9HqxU

and on the site itself:

http://imgur.com/gAykk

And I can't see anywhere on how to edit the article. I am very new to OSC and hope that someone can help me.

Thankyou,

Ross.

[web-project]

have you followed all the installation steps or simply skipped some?

[xciso]

Hold on 30 min.
I Will give you a full guide.

[xciso]

Here comes a full guide and this working perfect with 2.3.1!

(1) Download the latest CKEditor from http://ckeditor.com/download and unpack to catalog/admin/ext/ckeditor - ckeditor.js should now be in the top level of this folder.

(2) Open /catalog/admin/includes/functions/html_output.php and change the line with tep_draw_textarea_field (around line 252) to:

$field = '<textarea name="' . tep_output_string($name) . '" id="' . tep_output_string($name) . '" cols="' . tep_output_string($width) . '" rows="' . tep_output_string($height) . '"';

(3) Open /catalog/admin/includes/template_top.php and add the following before the </head> tag:

<?php
if (!defined('USE_CKEDITOR_ADMIN_TEXTAREA')) {
tep_db_query("insert into " . TABLE_CONFIGURATION . " (configuration_id, configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, date_added, set_function) values ('', 'Use CKEditor', 'USE_CKEDITOR_ADMIN_TEXTAREA','true','Use CKEditor for WYSIWYG editing of textarea fields in admin',1,99,now(),'tep_cfg_select_option(array(\'true\', \'false\'),' )");
define ('USE_CKEDITOR_ADMIN_TEXTAREA','true');
}
if (USE_CKEDITOR_ADMIN_TEXTAREA == "true") {
?>
<script type="text/javascript" src="<?php echo tep_href_link('ext/ckeditor/ckeditor.js'); ?>"></script>
<script type="text/javascript" src="<?php echo tep_href_link('ext/ckeditor/adapters/jquery.js'); ?>"></script>
<script type="text/javascript">
$(function() {
var $editors = $('textarea');
if ($editors.length) {
$editors.each(function() {
var editorID = $(this).attr("id");
var instance = CKEDITOR.instances[editorID];
if (instance) { CKEDITOR.remove(instance); }
CKEDITOR.replace(editorID);
});
}
});
</script>
<?php
}
?>

DONE!

[xciso]

With this above you can use CKEditor everywhere in admin zone.
But that give me problem, when i should edit store adress in configuration/my store

Here comes a new guide to only use CKEditor when you edit the products.

(1)
Download the latest version of CKEditor:
http://ckeditor.com/download

(2)
Unzip and move the ckeditor folder to /admin/
It should now looks like this /admin/ckeditor/

(3)
Open the file catalog/admin/includes/template_top.php
Find this line:

<script type="text/javascript" src="includes/general.js"></script>

Add this line below:

<script type="text/javascript" src="./ckeditor/ckeditor.js"></script>

(4)
Open the file catalog/admin/categories.php
Find this code:

<?php echo tep_draw_textarea_field('products_description[' . $languages[$i]['id'] . ']', 'soft', '70', '15', (isset($products_description[$languages[$i]['id']]) ? stripslashes($products_description[$languages[$i]['id']]) : tep_get_products_description($pInfo->products_id, $languages[$i]['id']))); ?>

Replace with:

<?php echo tep_draw_textarea_field('products_description[' . $languages[$i]['id'] . ']', 'soft', '70', '10', (isset($products_description[$languages[$i]['id']]) ? stripslashes($products_description[$languages[$i]['id']]) : tep_get_products_description($pInfo->products_id, $languages[$i]['id'])),'id = products_description[' . $languages[$i]['id'] . '] class="ckeditor"'); ?>

You are now done.
Have a good day and hope it work well for you!