Support Thread for CKEditor Plugin

Support thread for CKEditor Plugin for Zen Cart

NOTE: IF YOU ARE USING CKEDITOR VERSION 5, that part of the discussion starts here: www.zen-cart.com/showthread.php?209573-Support-Thread-for-CKEditor-Plugin&p=1402306#post1402306

I had a client report that CKEditor had just SUDDENLY stopped working.. Upon further examination, I realized the issue with CKEditor not working was due to the fact that line 20 of the "YOUR_ADMIN/includes/ckeditor.php" file was failing if you are logged in to the admin using SSL..

I thought that an upgrade to the latest and greatest version might solve the problem. It didn't.. Then I took a look at line 20 of the "YOUR_ADMIN/includes/ckeditor.php" file in the newest CKEditor fileset and found what I THINK is an error..

I changed line 20 of the "YOUR_ADMIN/includes/ckeditor.php" file as follows:

From:

Code:

---

<script type="text/javascript" src="<?php echo (strstr(HTTP_SERVER, 'ttps:') ? 'https' : 'http'); ?>://www.google.com/jsapi"></script>

---

To:

Code:

---

<script type="text/javascript" src="<?php echo (strstr(HTTP_SERVER, 'https:') ? 'https' : 'http'); ?>://www.google.com/jsapi"></script>

---

It seemed to solve my issue.. wanted to share and verify that this is the correct fix..

This is what I have from the latest release for the plugin for v1.5.1:

Code:

---

<script type="text/javascript" src="//www.google.com/jsapi"></script>

---

Doing it this way makes it work regardless of SSL or not.

Quote:

---

Originally Posted by DrByte

This is what I have from the latest release for the plugin for v1.5.1:

Code:

---

<script type="text/javascript" src="//www.google.com/jsapi"></script>

---

Doing it this way makes it work regardless of SSL or not.

---

I should have been clear in my previous post that I was using the 1.3.9 - 1.5.0 admin files in the latest download.. (My client is still running v1.5.0) There are three admin folders in the zip file. One for v1.3.9-1.50, another for v1.5.1, and a 3rd for v1.6..

line 20 from the v1.5.1 admin folder reads:

Code:

---

<script type="text/javascript" src="//www.google.com/jsapi"></script>

---

However, line 20 from the v1.3.9-1.5.0 admin folder reads (with my previous posted edit):

Code:

---

<script type="text/javascript" src="<?php echo (strstr(HTTP_SERVER, 'https:') ? 'https' : 'http'); ?>://www.google.com/jsapi"></script>

---

If I understand you correctly I should update the file to use the v1.5.1 version..

While I'm pretty sure the entire file can be used, I'm confident that updating that one line will fix the problem you first posted about.

Quote:

---

Originally Posted by DrByte

While I'm pretty sure the entire file can be used, I'm confident that updating that one line will fix the problem you first posted about.

---

Got it! Thanks..

Hi there
I have this in use on a clients site and I'd like to add some styles to the Styles dropdown so that they can stop adding in limitless html by pressing buttons repeatedly ;-)

I've had a look at the CKEditor website, specifically here http://docs.ckeditor.com/#!/guide/dev_styles and done lots and lots of Googling, but I'm still unsure how to achieve this. I believe I may need to change styles.js in the editors/ckeditor folder, but that doesn't seem to marry up to what I'm seeing in the current working Editor. There, there are styles such as Blue Title and Red Title, which I do not see defined in the styles.js.

I did add my own bit of code to that file in the form of

Code:

---

{ name: 'Red Text',        element: 'span' },

---

and an option Red Text did appear in the drop down, but of course the actual presence of it isn't going to turn any text read - somewhere I need to define the relative CSS rules. Please could someone point me in the right direction?

Thanks in advance...

Quote:

---

Originally Posted by RoPey

, but of course the actual presence of it isn't going to turn any text read - somewhere

---

Oops - that should have been ...isn't going to turn any text red!

Thanks Diva Vocals for starting this thread. I too have had problems recently that I can't solve and it's been very difficult finding info.

The most recent problem developed on a dual language site when we upgraded to 1.5.1 and moved to a new server. No ckeditor boxes show up except in ezpages where I have the multi-language ezpages installed and even there only one box is showing.

I am using the most recent version of ckeditor and the database has been converted to UTF-8. Admin is not secure. I am clueless. As this is a javascript editor, server settings should not be a problem, I assume. But I think all was okay after the upgrade but have no proof now.

The plain text does show the html.

Quote:

---

Originally Posted by RoPey

Hi there
I have this in use on a clients site and I'd like to add some styles to the Styles dropdown so that they can stop adding in limitless html by pressing buttons repeatedly ;-)

I've had a look at the CKEditor website, specifically here http://docs.ckeditor.com/#!/guide/dev_styles and done lots and lots of Googling, but I'm still unsure how to achieve this. I believe I may need to change styles.js in the editors/ckeditor folder, but that doesn't seem to marry up to what I'm seeing in the current working Editor. There, there are styles such as Blue Title and Red Title, which I do not see defined in the styles.js.

I did add my own bit of code to that file in the form of

Code:

---

{ name: 'Red Text',    element: 'span' },

---

and an option Red Text did appear in the drop down, but of course the actual presence of it isn't going to turn any text red - somewhere I need to define the relative CSS rules. Please could someone point me in the right direction?

Thanks in advance...

---

Well I seem to have found the answer, I was in the right place but needed to have the following code:

Code:

---

{ name: 'Red Text',                element: 'span', attributes: { 'class': 'redtext' } },

---

thus setting a class which can then be defined in my usual stylesheet. It's also possible to set the styles within that code. However, I'm still unsure how to get the styling to show in the editor itself, rather than just on the rendered site.

Any ideas would be welcome.

Thanks

For the first time in many years I am having problems with CKEDitor on one of my live sites.

The strangest thing is that CKEditor is working fine on the identical local clone of this site but on the live site it gives me a blank space where it should show up, be it on a product.php page or a define page or an ezpage. Nothing, silch, nada. Checking the source of the respective page actually shows the html text - but not on the page itself.

Running latest v 4.1.3 of CKEditor, both live and local.

Background:

ZC 1.5.1 just upgraded from 1.3.9h
same plugins installed live and local
PHP 5.4.23 on live site and PHP 5.4.9 on local install

This is what I did so far to find the culprit:

- uninstalled CKEditor completely and reinstalled, both live and local - to no avail
- downloaded entire live site file system to a separate temp folder and did a full file comparison of both - no difference (other than 2 configure.php files ofc)
- checked log files: nada!

Loaded the live site in the latest Firefox and Chromium (Linux Ubuntu 13.10) - same result. Chromium is set to clear all history, cookies etc upon exit so there can't be any leftover stuff which may falsify the output.

At this point in time I am thinking that it may have something to do with the server side PHP extensions (???) and have decided to go and ask for opinions here.

Any ideas please?

Thanks / Frank

and I also am having odd problems as well on php 5.4. As soon as i can I'm going to switch that cart to my server with 5.3 to see if it makes a difference.

In this case, some longer category descriptions and ezpages show fine on the site but do not show in the editor in admin.

My original post in this thread I've fixed to some extent - but I've done so many things to that site and have not gotten everything working correctly so I won't post what I did yet.

Quote:

---

Originally Posted by delia

and I also am having odd problems as well on php 5.4. As soon as i can I'm going to switch that cart to my server with 5.3 to see if it makes a difference.......

---

Switched back to PHP Version 5.3.28 and it made no difference at all :frusty:

Reverted back to PHP 5.4.23, checked that all ckeditor folders had permissions 755 and files 644.

Logged out, rebooted, logged in again and still the same issue.

I am absolutely stumped!

Correction also to my earlier post: CKEditor version is 4.3.1 and not 4.1.3

Got it working - finally!!

Deleted the editors/ckeditor folder, obtained a fresh copy from www.ckeditor.com by using the latest full version (4.3.1) and added a few more plugins as well as moono-color skin (you can build your own ckeditor to your liking).

Downloaded my personal version, unzipped it and uploaded the new ckeditor to the editors folder. No changes needed in the admin file structure.

Finally, cleared the cache (yet again) in Firefox 26.0, logged into admin and selected a define page to edit.

Voila, ckeditor showed up in nice colors :smile:

Perseverence paid off

I am having a problem getting the ckeditor to show as an option in My Store>html editor. I installed as per the instructions that came with the plugin but for some reason it is not showing in the drop down menu. All that shows in that menu is Text. It also does not show in any of the other editor choice dropdowns.

Can anyone help me with what the issue might be?

I tried installing FCKeditor and it shows in the dropdown and will let me select it, but does not add the WYSIWYG editor anywhere.

Quote:

---

Originally Posted by clikchic

I am having a problem getting the ckeditor to show as an option in My Store>html editor. I installed as per the instructions that came with the plugin but for some reason it is not showing in the drop down menu. All that shows in that menu is Text. It also does not show in any of the other editor choice dropdowns.

Can anyone help me with what the issue might be?

I tried installing FCKeditor and it shows in the dropdown and will let me select it, but does not add the WYSIWYG editor anywhere.

---

Can you give us a clue of your ZC version please?

Also check if your file your_admin/includes/init_includes/init_html_editor.php has CKEditor enabled.

Oops, I am using 1.51. Not sure about init_html_editor.php. It has this in the list of editors.

if (is_dir(DIR_FS_CATALOG . DIR_WS_EDITORS . 'ckeditor')) $editors_list['CKEDITOR'] = array('desc' => EDITOR_CKEDITOR, 'handler' => 'ckeditor.php', 'special_needs' => '');

Quote:

---

Originally Posted by clikchic

Oops, I am using 1.51. Not sure about init_html_editor.php. It has this in the list of editors.

if (is_dir(DIR_FS_CATALOG . DIR_WS_EDITORS . 'ckeditor')) $editors_list['CKEDITOR'] = array('desc' => EDITOR_CKEDITOR, 'handler' => 'ckeditor.php', 'special_needs' => '');

---

Looks ok to me

You may want to delete the folder editors/ckeditor then download a fresh copy of CKEditor from the plugins area and do a fresh install. All being equal the CKEditor should show up in admin > My Store in the dropdown menu. If it does (as it should) select it and then log out from admin. Log into admin again and see if you can edit a define page or ezpage.

Hi frank18

Thanks for your help. I just tried this again, and had done so yesterday too but still no luck. Any other suggestions?

Quote:

---

Originally Posted by clikchic

Hi frank18

Thanks for your help. I just tried this again, and had done so yesterday too but still no luck. Any other suggestions?

---

Hmm - are there any errors in the logs folder?

No, nothing in the log folder but ! am getting an error when I try to add an option value to an option name when trying to set up attributes. (WARNING: An Error occurred, please refresh the page and try again.) So I am guessing something isn't right.

Quote:

---

Originally Posted by clikchic

No, nothing in the log folder but ! am getting an error when I try to add an option value to an option name when trying to set up attributes. (WARNING: An Error occurred, please refresh the page and try again.) So I am guessing something isn't right.

---

I don't think it has anything to do with the CKEditor itself. The CKEditor files in the store side are "self contained". It may be something in your admin files that causes the editor not to show. My next step would be to compare the files in the admin to a stock download of zc 1.5.1 - may give you some clues and possibly even iron out the other error you are getting.

Just a thought...

Thanks again for your help. I compared the files and couldn't find anything obvious, so re-uploaded the Zen files and that fixed the CKeditor problem! YAY. I am however still getting the error when I try to add an option value. Bugger!

Quote:

---

Originally Posted by clikchic

Thanks again for your help. I compared the files and couldn't find anything obvious, so re-uploaded the Zen files and that fixed the CKeditor problem! YAY.

---

Thought that may have caused your headaches - glad you got this working :smile:

Cheers / Frank

Question regarding flash player in CKEditor:
I am using Zencart version 1.5 with the CKEditor installed and am having issues using the included flash player piece. I have uploaded my flash video:
/Streaming Videos/Cane Ja class training cane_F8_FLV_VP6_3000Kbps_720p.flv and, using the flash dialogue window in the editor, cannot seem to get the player to see the video file. I have, however, been able to embed from Vimeo and You tube the same video using their code. I would really like our customers to be able to view the video from our server though. Does this have anything to do with a security setting in Zencart for outside access to the server or is there something else I am missing?
Thanks for the help!

I've never used any flash-player from ckeditor.

But I'd strongly recommend NOT using flash, since doing so rules out a LARGE population of visitors whose computers/tablets/phones don't support flash. Why not use MP4 instead, and drop a suitable player widget onto the page to handle it.

Of course, that takes the discussion totally away from CKEditor too :)

Quote:

---

Originally Posted by DrByte

But I'd strongly recommend NOT using flash, since doing so rules out a LARGE population of visitors whose computers/tablets/phones don't support flash. Why not use MP4 instead, and drop a suitable player widget onto the page to handle it.

---

I agree.. I just had to re-write my vocal coaches entire website to replace all the Flash crap (music players, slideshows) with jQuery equivalents.

Quote:

---

Originally Posted by DrByte

Of course, that takes the discussion totally away from CKEditor too :)

---

Yep.. me too.. I'm gone.. :laugh:

Quote:

---

Originally Posted by DivaVocals

I agree.. I just had to re-write my vocal coaches entire website to replace all the Flash crap (music players, slideshows) with jQuery equivalents.

Yep.. me too.. I'm gone.. :laugh:

---

So flash is out, mp4 is in...got it! My original thought was to go in that direction, but in another thread on this forum I read that mp4 files, being the size they are, result in long down load times before they can be played and/or buffering problems. Any thoughts on that issue?

In the mean time, I will use the Vimeo service. Thanks all for the feedback!

Quote:

---

Originally Posted by sbaker6612

So flash is out, mp4 is in...got it! My original thought was to go in that direction, but in another thread on this forum I read that mp4 files, being the size they are, result in long down load times before they can be played and/or buffering problems. Any thoughts on that issue?

---

Yes.. and we'll be happy to express them as soon as you create a NEW THREAD so we can take what is now an OFF-TOPIC (NOT related to CKEditor support) discussion elsewhere..:laugh:

http://www.zen-cart.com/downloads.php?do=file&id=1098
Installed and when I go to activate it I get a blank editor area, switch back to plain text and it works, have uninstalled and reinstalled several times......
It was working last time I added products (yesterday) it worked. No other add-ons have been installed since then

Any other suggestions?
Thanks

Quote:

---

Originally Posted by uswebworx

http://www.zen-cart.com/downloads.php?do=file&id=1098
Installed and when I go to activate it I get a blank editor area, switch back to plain text and it works, have uninstalled and reinstalled several times......
It was working last time I added products (yesterday) it worked. No other add-ons have been installed since then

---

So, it was working fine yesterday, but today it "suddenly" stopped working?
Probably browser cache problem.

Quote:

---

Originally Posted by DrByte

So, it was working fine yesterday, but today it "suddenly" stopped working?
Probably browser cache problem.

---

Sorry took me so long to update this it was the newest FF release, I fixed it by downloading straight from ckeditor.com and uploading my custom as mentioned a few pages back.

Given that that's how the packaged plugin is prepared, it sounds like you must have not fully uploaded all the plugin files the first time around.

Anyway, glad you've got it working.

I uploaded it three times from the plugin's section then download the full set from http://ckeditor.com/download and it worked so while I am no expert I am not sure how to explain it but it worked and that is another plus for the forum guiding me to the download page :-)
For others it was uploaded to /public_html/editors/ckeditor

Thanks to everyone here who helped!

Quote:

---

Originally Posted by uswebworx

I uploaded it three times from the plugin's section then download the full set from http://ckeditor.com/download and it worked so while I am no expert I am not sure how to explain it but it worked and that is another plus for the forum guiding me to the download page :-)
For others it was uploaded to /public_html/editors/ckeditor

---

Same story here... Uploaded 3 times from the download section. Every time I got a blank screen in ALL browsers on ALL computers. I went searching on the forum and found uswebworx's posts. I too, downloaded from http://ckeditor.com/download and all is fine. Could there be a problem with the PlugIn package?

Quote:

---

Originally Posted by Three Sisters

Same story here... Uploaded 3 times from the download section. Every time I got a blank screen in ALL browsers on ALL computers. I went searching on the forum and found uswebworx's posts. I too, downloaded from http://ckeditor.com/download and all is fine. Could there be a problem with the PlugIn package?

---

I would think so but I am not a programmer!

I just downloaded from the add on Plugins and installed it without a hitch ... works fine the first time ... :smile:

Quote:

---

Originally Posted by Ajeh

I just downloaded from the add on Plugins and installed it without a hitch ... works fine the first time ... :smile:

---

Grin! You are amazing, after all! :)

Actually - I was just working with a couple of other things I had downloaded the same day. Most of the folders were empty - so files were going missing that day!

I'm just glad the end result is a working editor. :)

I am assuming you were trying to load this one?
http://www.zen-cart.com/downloads.php?do=file&id=1098

Very odd that some have issues ... :huh:

Quote:

---

Originally Posted by Ajeh

I am assuming you were trying to load this one?
http://www.zen-cart.com/downloads.php?do=file&id=1098

Very odd that some have issues ... :huh:

---

Yah- that's the one. I did do a file compare with what I downloaded from ckeditor.com and the ckeditor folder included in the PlugIn. There were differences, though I didn't take time to figure out what they were or why. Just assumed corruption somewhere. Perhaps it was in the download process, since it installed fine for you. Or - I did move the files to another computer with DropBox - maybe DropBox "dropped" some files. :)

Quote:

---

Originally Posted by Ajeh

I just downloaded from the add on Plugins and installed it without a hitch ... works fine the first time ... :smile:

---

Could of been I tried to overwrite what was there from a previous install but either way the good news is I found a way to make it work :-)

Hi

Not sure if this is the correct place to ask!

I have zencart 1.5.1 and the standard "green" template plus the CKeditor add in

Anyway my problem is that I inserted a video using the CKeditor iframe button and the video autoplays! I do not want autoplay...
I tried to stop the autoplay with Autoplay = "0" and with Autoplay = "False" but it still autoplays; mycode is
<p>
<iframe align="middle" frameborder="0" height="224" scrolling="no" src="http://www.simmar.ch/catalog/images/henandson.mp4" width="400"></iframe></p>

I have a number of Youtube videos which do not autoplay although the code looks similar?, Example code,
<p>
<iframe allowfullscreen="" frameborder="0" height="180" src="//www.youtube.com/embed/Vc_r2BTfgPQ?feature=player_detailpage" width="320"></iframe></p>

Any suggestions welcomed.

Thanks

I noticed the lastest update i sstripping js, any fix?

Greetings All,

I have read about the security issues associated with using 3rd party file upload plugins such as CKFinder and understand that ZC security doesn't allow access to the admin user's sessions to validate.

However, if I were to move the "editors" folder (along with CKFinder) under the renamed, htaccess protected "admin" folder, would that help add a layer of security? :unsure:

I'm sure this has been though of, but haven't found any threads related to this question...

What do you think?

Using ZC v1.5.3 with latest CKEditor (4.4.0) plugin.

Thanks!

Quote:

---

Originally Posted by kwright

Greetings All,

I have read about the security issues associated with using 3rd party file upload plugins such as CKFinder and understand that ZC security doesn't allow access to the admin user's sessions to validate.

However, if I were to move the "editors" folder (along with CKFinder) under the renamed, htaccess protected "admin" folder, would that help add a layer of security? :unsure:

I'm sure this has been though of, but haven't found any threads related to this question...

What do you think?

Using ZC v1.5.3 with latest CKEditor (4.4.0) plugin.

Thanks!

---

Well, can say this, if you have no intention of using CKEditor/CKFinder on the customer's side, then I'm thinking (and I make no claims that this is so) that it may be "safer". But, it seems there may be multiple locations in which a change would be necessary to allow this to work, some of which I think would require pointing to your admin folder... which well, that would reduce the safety that was just attempted to be increased. Currently there is nothing on the store side that actually points to the admin side and moving the folder location to the admin area and maintaining the general current coding would in fact expose the admin folder name unless there was a lot of rewriting performed to move the areas that use/call the code to an admin side only interface.

Quote:

---

Originally Posted by marton_1

Hi

Not sure if this is the correct place to ask!

I have zencart 1.5.1 and the standard "green" template plus the CKeditor add in

Anyway my problem is that I inserted a video using the CKeditor iframe button and the video autoplays! I do not want autoplay...
I tried to stop the autoplay with Autoplay = "0" and with Autoplay = "False" but it still autoplays; mycode is
<p>
<iframe align="middle" frameborder="0" height="224" scrolling="no" src="http://www.simmar.ch/catalog/images/henandson.mp4" width="400"></iframe></p>

I have a number of Youtube videos which do not autoplay although the code looks similar?, Example code,
<p>
<iframe allowfullscreen="" frameborder="0" height="180" src="//www.youtube.com/embed/Vc_r2BTfgPQ?feature=player_detailpage" width="320"></iframe></p>

Any suggestions welcomed.

Thanks

---

Based on the difference of source for the video and perhaps the player that is loaded, that the issue is not so much the iframe but just that, the player loaded and the source being used. Difference of an mp4 file versus the player that is provided through youtube in this example... Does the same effect occur if you insert the video under some other method? What about a clickable link to the video, say take a snap shot of the first frame and then require clicking on it to see the rest?

Quote:

---

Originally Posted by mc12345678

Well, can say this, if you have no intention of using CKEditor/CKFinder on the customer's side, then I'm thinking (and I make no claims that this is so) that it may be "safer". But, it seems there may be multiple locations in which a change would be necessary to allow this to work, some of which I think would require pointing to your admin folder... which well, that would reduce the safety that was just attempted to be increased. Currently there is nothing on the store side that actually points to the admin side and moving the folder location to the admin area and maintaining the general current coding would in fact expose the admin folder name unless there was a lot of rewriting performed to move the areas that use/call the code to an admin side only interface.

---

Thanks for your input mc12345678,

Editor will not be used by customer, so no issues there. I did a test run and moved the renamed the editors folder with CKEditor and CKFinder under the renamed admin folder. The 3 files that needed to be updated with the new folder locations are on the admin side (init_html_editor.php, ckeditor.php and header.php). So I should be good there. CKEditor and CKFinder seem to be working on localhost for now. Will need to upload to server to see how CKEditor and CKFinder will play with the htaccess protected admin folder.

I'll post back once I have tested! :D

Quote:

---

Originally Posted by kwright

Thanks for your input mc12345678,

Editor will not be used by customer, so no issues there. I did a test run and moved the renamed the editors folder with CKEditor and CKFinder under the renamed admin folder. The 3 files that needed to be updated with the new folder locations are on the admin side (init_html_editor.php, ckeditor.php and header.php). So I should be good there. CKEditor and CKFinder seem to be working on localhost for now. Will need to upload to server to see how CKEditor and CKFinder will play with the htaccess protected admin folder.

I'll post back once I have tested! :D

---

OK, tested on remote server and all seems to be working! :clap:

Quote:

---

Originally Posted by ShopVille

I noticed the lastest update i sstripping js, any fix?

---

Bump? oops message is too short...

Quote:

---

Originally Posted by ShopVille

Bump? oops message is too short...

---

That is default CKEditor behaviour, it strips anything that is not html

Quote:

---

Originally Posted by Design75

That is default CKEditor behaviour, it strips anything that is not html

---

Any fix or alternative?
(older version didn't do that?!)

Quote:

---

Originally Posted by ShopVille

Any fix or alternative?
(older version didn't do that?!)

---

I don't know.You may want to check the CKeditor site

Quote:

---

Originally Posted by ShopVille

Quote:

---

Originally Posted by ShopVille

I noticed the lastest update i sstripping js, any fix?

---

Bump?

---

Not sure I understand what it is you're trying to do.

By "older version didn't", which specific older version are you referring to exactly?

Quote:

---

Originally Posted by ShopVille

I noticed the lastest update i sstripping js, any fix?

---

For anyone searching for the solution this worked for me add the following line

Code:

---

config.extraAllowedContent = 'p(*)[*]{*};div[id]';

---

To
/editors/ckeditor/config.js

My config.js file looks like this:

Code:

---

/**
 * @license Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
 * For licensing, see LICENSE.html or http://ckeditor.com/license
 */

CKEDITOR.editorConfig = function( config ) {
        config.extraAllowedContent = 'p(*)[*]{*};div[id]';
        // Define changes to default configuration here. For example:
        // config.language = 'fr';
        // config.uiColor = '#AADC6E';
};

---

Quote:

---

Originally Posted by ShopVille

For anyone searching for the solution this worked for me add the following line

Code:

---

config.extraAllowedContent = 'p(*)[*]{*};div[id]';

---

To
/editors/ckeditor/config.js

My config.js file looks like this:

Code:

---

/**
 * @license Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
 * For licensing, see LICENSE.html or http://ckeditor.com/license
 */

CKEDITOR.editorConfig = function( config ) {
        config.extraAllowedContent = 'p(*)[*]{*};div[id]';
    // Define changes to default configuration here. For example:
    // config.language = 'fr';
    // config.uiColor = '#AADC6E';
};

---

---

DrByte has posted an updated version, available here: http://www.zen-cart.com/downloads.php?do=file&id=1098

Quote:

---

Originally Posted by frank18

DrByte has posted an updated version, available here: http://www.zen-cart.com/downloads.php?do=file&id=1098

---

Does it address this issue?

Hi All,

I'm thinking this is a simple fix, I just don't know where to look. I have ckeditor on several sites, all have the same issue. But the site I'm working on now is a fresh install of ZC154. I have added (in this order):
• Backup mySQL
• Template
• ckeditor
• IH4
• colorbox

HERE IS THE PROBLEM:
When editing a page in ck, images show as broken links, though they look fine on the store.

If I look at SOURCE and then add "http://mysite.com/", the image shows up fine. So it's just when it looks for an image that is relative (not specifically mapped). My stores are all contained on mysite.com, not mysite.com/store.

Anybody know how to fix this?

Thanks!

try adding a / in front of the relative path.
So it becomes something like /images/your_mage.jpg

Yaaaay Design75!

:clap::clap::clap:

Man, how dumb!!! Thank you!

All,
I just installed zencart 1.5.4 plus the ckeditor (zen-cart-v1.5.4-12302014). If I now (in admin) goto Tools -> Define pages pages editor I get everything as expected. If I now select at Text Editor the CKEditor from the dropdown. It shows me quickly the CKEditor choice but then jumps back to Plain Text.

In the apache access log I find:

Code:

---

10.0.0.1 - - [01/Mar/2015:17:34:30 +0100] "GET /winkel154/winkeladmin/define_pages_editor.php?reset_editor=2&action=set_editor HTTP/1.1" 302 - "http://www.praktijk-dekorenbloem.nl/winkel154/winkeladmin/define_pages_editor.php" "Mozilla/5.0 (X11; Linux x86_64; rv:36.0) Gecko/20100101 Firefox/36.0"
10.0.0.1 - - [01/Mar/2015:17:34:31 +0100] "GET /winkel154/winkeladmin/define_pages_editor.php HTTP/1.1" 200 19162 "http://www.praktijk-dekorenbloem.nl/winkel154/winkeladmin/define_pages_editor.php" "Mozilla/5.0 (X11; Linux x86_64; rv:36.0) Gecko/20100101 Firefox/36.0"

---

This also happens if I use chrome in stead of firefox.

Anybody got a clue what I'm doing wrong??

TIA,
Arjan ten Hoopen

All,

Found it!!! forgot to install one file of ckeditor ..... sorry.

Thanks!!
Arjan

Hi

I am using Zencart 1.5.1 classic green template and the latest CK editor from zencart add-ons that was updated last December.

It is working fine.

My problem is I want to add a couple of extra font sizes to the drop down list of sizes in the box you see when you want to edit products, so I can select the new sizes..

I added the extra ones to the list of font sizes (CKEDITOR.config.fontSize_sizes=) in config.js and ckeditor.js. They then show up in the dropdown list of sizes but as blank, there are no names.

For example if I add 20b/21px then the 20b does not show up, just a blank. If I click on the blank then I can set the font selected in the box to the size 21px.

Am I updating in the correct places?

Quote:

---

Originally Posted by marton_1

Hi

I am using Zencart 1.5.1 classic green template and the latest CK editor from zencart add-ons that was updated last December.

It is working fine.

My problem is I want to add a couple of extra font sizes to the drop down list of sizes in the box you see when you want to edit products, so I can select the new sizes..

I added the extra ones to the list of font sizes (CKEDITOR.config.fontSize_sizes=) in config.js and ckeditor.js. They then show up in the dropdown list of sizes but as blank, there are no names.

For example if I add 20b/21px then the 20b does not show up, just a blank. If I click on the blank then I can set the font selected in the box to the size 21px.

Am I updating in the correct places?

---

thats a question best asked on the ckeditor website. Zen Cart doesn't interfere with anything related to that.

Quote:

---

Originally Posted by DrByte

thats a question best asked on the ckeditor website. Zen Cart doesn't interfere with anything related to that.

---

Thanks..............

Ok, I'm going batty trying to figure this out on my own!

I am using CKEditor 4.4.6 on a ZC1.5.4

CKE installed and seems to be working just fine... only I can't figure out how to configure the tool bar!

I have a very basic set of buttons (bold, italic, bullet list, etc), but I'm missing some very important stuff. Specifically, things like text alignment buttons (center, justify, etc).

Can somebody point me in the right direction? Thanks!

Thanks to stevesh!

In case anybody else comes along and wants to accomplish the same, there is a bit more involved.

First, download the addon:
http://ckeditor.com/addon/justify

Unzip the file, then upload the folder "justify" directly into /editors/ckeditor/plugins

Next, open this file /editors/ckeditor/config.js and add the following snippet:
config.extraPlugins = 'justify';

It's up and running smooth for me. Best of luck!

All: Any thoughts about having a second version of the plugin offering the Full CKEditor package instead of Standard?

Quote:

---

Originally Posted by swguy

All: Any thoughts about having a second version of the plugin offering the Full CKEditor package instead of Standard?

---

The full editor just causes extreme feature-bloat for no added value. But anyone can grab the latest "full" and upload it to their site in a few minutes, after installing the plugin.

Which specific additional plugin features are being begged for regularly?

Someone wanted the ability to change fonts. I could do it as a one-off if there's no widespread interest.

Wow, it must be a cold day in heck! Because I think––for the first time ever––I kind of disagree with DrByte.

When it comes to websites, I am almost always for trimming fat. The leaner, the better. But I draw a line at user experience, both front end and back.

After a ZC is up, template added, mods installed, and site configured, then comes the part that matters most: content (prod pages, ez pages, etc, etc, etc).

Having a solid wysiwyg with a strong selections of features is extremely helpful. Many of those (probably most) adding content are NOT programmers. Or, at least not strong enough to code a page from scratch. And really... why should anybody do that (talk about a waste of time!)? Having a wysiwyg built in to the admin area (CKEditor) makes life SO MUCH EASIER!

It's not just convenient, but I think it's actually critical. Yes, I could force my clients to go out buy a copy of Dreamweaver or some other such. But that's a pretty silly overkill if all they need is a wysiwyg editor. Unfortunately, I can't hand a site back to a client without providing a wysiwyg solution I can train them to use. And that solution needs to have any basic feature that the client may require.

Let me point two things out (to see if it sways your opinion any, DrB):
--
First, in years past, I'm pretty sure the ZC CKEditor mod did include Full package (it's possible I'm thinking of another editor like TinyMCE or something, but I don't think so). When you have the Full CK, there is a button on the menu bar that allows you to configure what appears on that bar. In other words, you can pick and choose which options are enabled for use in the editor. This means that a user can easily reduce the "extreme feature-bloat" with a few clicks of the mouse.

I understand that some of the features offered by the Full CK may introduce code or css or other issues that conflicts with ZC. If certain features are known to cause problems, they could easily be pointed out in install instructions. And after installing, the user could simply use their mouse to disable any dangerous features.

--
Second, I think this statement is massively oversimplified: "anyone can grab the latest "full" and upload it to their site in a few minutes".

This may be true for programmers or mensa members (DrB is probably both!), but probably not the rest. I'm not a programmer, but I've been using ZC for years now and I consider my understanding to be relatively advanced. Yet I ended up losing at least half a day of productivity trying to figure out how to add the "Justify" button to CKEditor.

I'm not an idiot, I swear. I've installed CK before and never had a problem. When I noticed "Justify" was missing, I initially thought I screwed up the install. I wasted a ton of time retracing my steps, then combing through forums before I gave up and posted the question here. Even after I finally figured out that the current iteration of CKEditor available on ZC simply changed the feature set to Standard, I still had to go back and forth between forums to figure out how to resolve the issue.

Yes, the solution I posted is easy. But figuring that out required a lot of time, effort, and some trial and error. The whole episode was an unnecessary waste of time for me, so I made sure to post the solution in here in order to help the next guy not waste his time as well.

If someone could post a "How-To" for installing the full version, in a very simple, step-by-step way as I did, then this could become true (if they happen to find it): "anyone can grab the latest "full" and upload it to their site in a few minutes"

But I think a better, more user-friendly option would simply be what swguy suggests: leaving up the CKEditor mod as it is with just a Standard set of features, but also having "a second version of the plugin offering the Full CKEditor package".

Leave it up to the people to decide if they want feature bloat or barebones.

POWER TO DA PEEPLZ!!!! :)

Quote:

---

Originally Posted by Feznizzle

If someone could post a "How-To" for installing the full version, in a very simple, step-by-step way as I did, then this could become true (if they happen to find it): "anyone can grab the latest "full" and upload it to their site in a few minutes"

---

This is probably what I will do.

Quote:

---

Originally Posted by swguy

This is probably what I will do.

---

Awesome! I'll try it out as soon as I see it.

Hey, if you decide to post it somewhere else (not in this thread), can you leave a breadcrumb here?

Thanks!

Quote:

---

Originally Posted by Feznizzle

If someone could post a "How-To" for installing the full version, in a very simple, step-by-step way as I did, then this could become true (if they happen to find it): "anyone can grab the latest "full" and upload it to their site in a few minutes"

---

I did. It's in the readme.

Quote:

---

Originally Posted by Feznizzle

POWER TO DA PEEPLZ!!!! :)

---

I'm not advocating taking away anyone's power. I am however all for making the button bar not be 3/4 of the viewport so that the editor is actually not useful because there's no screen space left due to features most will never use. (and arguably the majority of storeowners should never use because they're screwing up their site's SEO rankings and bloating their page sizes so customers' experience is slowed down needlessly, etc etc).
That's why I put the instructions in the readme for installing the full thing yourself ... for those few who legitimately need more power.

I was just goofin with the "power to the ppl" bit!

And I do agree with you that often users need to be saved from themselves. In addition to the dangers you mention, the ability to change fonts of text seems crazy to me. If you have a nice template, why muck it up? The whole point of a template is to provide a consistent experience for your end users. But even that ability has countless legitimate purposes. I'd probably advise against it, but if a client wanted it... well, what am I if not a cog?

One man's "bloat" is another man's "essential". The perfect example is that to me, having the ability to apply Center, Left, Right, & Justify to text and objects is extremely basic and essential. Not just for clients, but for myself.

Thanks for putting the instructions in the readme. I went back to it and found this:

Quote:

---

Upgrading to future CKEditor versions

This package contains CKEditor unaltered from its original distribution as prepared by ckeditor.com. None of the files have been changed, although the "samples" folder has been removed, as it is for demonstration purposes and not needed for normal use.

You can easily update your CKEditor installation in the future by downloading the latest CKEditor files from ckeditor.com and uploading the resulting /ckeditor/ folder to your site's /editors/ckeditor/ folder, replacing what's there. There's no need to change the files in the /admin/ folders merely for CKEditor version upgrades.

(Advanced) You can use the supplied build-config.js file if you want to take the existing configuration and recreate it using the new version. Details are on the ckeditor.com download page.
If you do this, be sure to manually merge customizations of the config.js file.

---

It appears what you are saying is that you did not alter CKEditor package. So one could download a FULL package and simply his site's /editors/ckeditor/ folder with the FULL /ckeditor/ folder?

That seems super easy.

But the next step is where I would get in trouble, merging customizations into the config.js file.

Correct. The only alteration is the improvements to the config.js file to help with making common relevant things available on the button bar, keep it to 2 rows instead of 4, and tweak settings to code doesn't get misinterpreted incorrectly. The default config.js has rarely ever been changed from release-to-release, so I doubt there'll be much effort needed to "merge" things in that file. That said, if you like the defaults, just throw away mine and live with what they give you.

Greetings All,

So, how does one go about matching the styles offered in CK editor bar to that of ones ZC template? At least the basic styles for headers <hx>, paragraphs <p> and links <a>...

Thanks! :smile:

Quote:

---

Originally Posted by kwright

Greetings All,

So, how does one go about matching the styles offered in CK editor bar to that of ones ZC template? At least the basic styles for headers <hx>, paragraphs <p> and links <a>...

Thanks! :smile:

---

OK, did a bit of searching on the ckeditor site / forum. This is what I found so as to help others with similar question!

If you have added the ckeditor plugin and want the ckeditor content area to reflect your template styles, add the following to the ckeditor.php file towards the bottom. NOTE: This replaces the default ckeditor contents.css file.

In ckeditor.php
FIND:

Code:

---

  });
});
//--></script>

---

CHANGE TO:

Code:

---

  });

  CKEDITOR.config.contentsCss = '/includes/templates/<?php echo $template_dir ?>/css/stylesheet.css';

});
//--></script>

---

If you want to include more than one stylesheet, add to the CKEDITOR.config.contentsCss using this format:

Code:

---

CKEDITOR.config.contentsCss = ['path_to_stylesheet_1', 'path_to_stylesheet_2', 'path_to_stylesheet_x'];

---

Now, if you really want to make the styles available within the styles drop-down tool bar, get and add the ckeditor stylesheetparser plugin from http://ckeditor.com/addon/stylesheetparser. Be sure to download the version that is compatible with the ckeditor version you are using. Unzip and add to the ckeditor plugins dir. Now, enable the plugin by adding the following to the editors/ckeditor/config.js file.

In config.js
FIND:

Code:

---

CKEDITOR.editorConfig = function( config ) {

---

CHANGE TO:
FIND:

Code:

---

CKEDITOR.editorConfig = function( config ) {
  config.extraPlugins = 'stylesheetparser';

---

Be sure to refresh your browser to see the changes. As a note, adding your template styles from CKEDITOR.config.contentsCss to the styles tool bar can get quite confusing and messy to someone who isn't familiar with your template specific css notation. :shocking:

Hope this help!

Quote:

---

Originally Posted by kwright

Code:

---

  });

  CKEDITOR.config.contentsCss = '<?php echo HTTPS_SERVER ?>/includes/templates/<?php echo $template_dir ?>/css/stylesheet.css';

});
//--></script>

---

---

Note that you may want to add this: <?php echo HTTPS_SERVER ?> as in the above just in case you have your ZC in a subfolder / subdomain!

I just discovered this on a test install of ZC I have in a subdomain...:D

Hi everyone

I am in desperate need for assistance. I have installed the CKeditor but for whatever reason I cannot paste from word... it doesn't retain anything, Tables, Colours or anything like that. Is there something I am doing wrong as I was really hoping this would be the time saver I was waiting for. Is there anyone out there having the same or similar issue? Thank you so much for taking the time to read this and I am very greatful for any help I can get.

Regards

Erwin

Hi:

I recently changed my template and when I did I downloaded the latest update of CK Editor.

Much to my chagrin, the new editor is the standard version. In this forum Dr. Byte says that you can download the full version of the editor from the Ck Editor website and install it.

I did this, and have the full editor running on my testsite. I was talking to my host who told me I should take it off because it can be hacked and is not PCI compliant.

Is that right?

Dave

Um, yikes! Please post if you find more info!!

I will, too

I am new to Zen cart, have used oscommerce, man, I love zen cart more options and much easier to add on, or plug in.

I am using version 1.5.4 and ckeditor 4.5.2. Now the problem, all works good except the panel is blank, no icons or anything. I can mouseover and see anchor, unanchor, link etc, but no pictures.

Can anyone help a poor guy out.

Hello.

I have one perhaps weird question regarding to the CKEditor, but why not :)

I installed CKEditor (4.5.2 (revision 09b0cca)) on my fresh-new ZenCart installation (ZC v. 1.5.4), it shows up, but I'm missing some icons in the editor, most wanted is the "Font-Size" icon - it just does NOT show up on the editor.

Here is the complete ckeditor-custom-button-bar image

and here is what I see inside the ZC administration, within the Product/Category editing --> image.


What can I do to fix it?

Hi tilenk,

Maybe this will help:
https://www.zen-cart.com/showthread....70#post1284070

Good luck!

Quote:

---

Originally Posted by tilenk

Hello.

I have one perhaps weird question regarding to the CKEditor, but why not :)

I installed CKEditor (4.5.2 (revision 09b0cca)) on my fresh-new ZenCart installation (ZC v. 1.5.4), it shows up, but I'm missing some icons in the editor, most wanted is the "Font-Size" icon - it just does NOT show up on the editor.

Here is the complete ckeditor-custom-button-bar image

and here is what I see inside the ZC administration, within the Product/Category editing --> image.


What can I do to fix it?

---

Latest (which includes CKEditor v4.5.6) has the Font-Size and Justify buttons added.
https://www.zen-cart.com/downloads.php?do=file&id=1098

Today, I downloaded and installed the latest version of the ckeditor plugin and v1.5.4 of the cart from this site. The ckeditor folder is in the editors directory and the ckeditor.php file is in the includes folder. The CKeditor was not showing in the dropdown select tool on the configuration page so I had to hack the admin/includes/init_includes/init_html_editor.php on line 48 to read:

PHP Code:

---

if (true) $editors_list['CKEDITOR']  = array('desc' => EDITOR_CKEDITOR,  'handler' => 'ckeditor.php',  'special_needs' => ''); 


---

from

PHP Code:

---

if (is_dir(DIR_FS_CATALOG . DIR_WS_EDITORS . 'ckeditor') $editors_list['CKEDITOR']  = array('desc' => EDITOR_CKEDITOR,  'handler' => 'ckeditor.php',  'special_needs' => ''); 


---

Even though the ckeditor is selected, there are no toolbars on any text modification area.

Quote:

---

Originally Posted by Jetta

Today, I downloaded and installed the latest version of the ckeditor plugin and v1.5.4 of the cart from this site. The ckeditor folder is in the editors directory and the ckeditor.php file is in the includes folder. The CKeditor was not showing in the dropdown select tool on the configuration page so I had to hack the admin/includes/init_includes/init_html_editor.php on line 48 to read:

PHP Code:

---

if (true) $editors_list['CKEDITOR']  = array('desc' => EDITOR_CKEDITOR,  'handler' => 'ckeditor.php',  'special_needs' => ''); 


---

from

PHP Code:

---

if (is_dir(DIR_FS_CATALOG . DIR_WS_EDITORS . 'ckeditor') $editors_list['CKEDITOR']  = array('desc' => EDITOR_CKEDITOR,  'handler' => 'ckeditor.php',  'special_needs' => ''); 


---

Even though the ckeditor is selected, there are no toolbars on any text modification area.

---

In your admin/includes/configure.php, what are the values of: DIR_FS_CATALOG and DIR_WS_EDITORS? How do they compare to the same in includes/configure.php?

PHP Code:

---

define('DIR_FS_CATALOG', '/home1/xxxxx/public_html/xxxxx/store2/'); 


---

There is no DIR_WS_EDITORS setting in the config file.

I added the following code to my admin configure file:

PHP Code:

---

define('DIR_WS_EDITORS', DIR_WS_INCLUDES.'admin/editors/'); 


---

and reset the code on line 48 but still no option to select CKEditor in the dropdown

Quote:

---

Originally Posted by Jetta

PHP Code:

---

define('DIR_FS_CATALOG', '/home1/xxxxx/public_html/xxxxx/store2/'); 


---

There is no DIR_WS_EDITORS setting in the config file.

---

Huh, wonder how I missed either that being removed or otherwise located... Oh well, should be defined in: includes/init_includes/init_html_editor.php as 'editors/'

So, does that particular file path exist on your setup/path structure? If installed as "described" it should...

Quote:

---

Originally Posted by Jetta

I added the following code to my admin configure file:

PHP Code:

---

define('DIR_WS_EDITORS', DIR_WS_INCLUDES.'admin/editors/'); 


---

and reset the code on line 48 but still no option to select CKEditor in the dropdown

---

Umm, thought the editors folder was in the store side not the admin side... Meaning would only need to define as:

PHP Code:

---

define('DIR_WS_EDITORS', DIR_FS_CATALOG.'editors/'); 


---

Where exactly in reference to the base of your store have you installed the ckeditor files and why? (Do not provide the admin path n your response.

So i upgrade from 1.38a to 1.54..upgrade database and now add ckeditor ,made choice via Admin->Configuration->My Store->HTML Editor
If I now select at Text Editor the CKEditor from dropdown it shows the CKEditor choice but then jumps back to Plain Text.
Not any logs about this. Cant this happened because i used 1.38a before uprgade. ? Yes i made fresh install to 1.54.

So i fix stranger when i install previous version 3.7p

Latest version doesn't have txt colour options on it. I've checked online and found this thread

http://ckeditor.com/forums/Support/C...ing-CKEditor-4

It shows a way of building your own CKEditor and downloading it but no matter what I do it still won't show text colour change option on the CKEditor toolbar on our Admin?

Any one have any ideas?

Mark

Quote:

---

Originally Posted by Purecarsound

Latest version doesn't have txt colour options on it. I've checked online and found this thread

http://ckeditor.com/forums/Support/C...ing-CKEditor-4

It shows a way of building your own CKEditor and downloading it but no matter what I do it still won't show text colour change option on the CKEditor toolbar on our Admin?

Any one have any ideas?

Mark

---

All sorted. Downloaded full package from here: http://ckeditor.com/download

Unpacked and copied everything across to 'editors' and hey presto, full package with all plugins works.

I have installed this per instructions - on ZC 1.5.4..... I see CKeditor in my Html editor... SO does this actually put the editor in the Product Description part of admin when you are adding products? I am NOT seeing it there if that is so....

Thanks

In the upper right hand side of the listing screen, you'll see a setting for editor -be sure it's set to CKEditor.

I did find that - but as soon as I set it for it - it switches back to text....

zc 1.5.5 installed live on linux server after test site built on WAMP. Latest version of ckeditor installed on the test site and functions properly.

On the live site admin/config/store has ckeditor as default and the product pages show it as selected. But in the product page there is no ckeditor in site - the product description box looks sized to receive the buttons, but nothing there. On the html_defines pages the selector is set to text but the drop down offers ckeditor. However when selected it just bounces back to text.

I did my live install of files via ftp. I checked and each file from the mod is present and in the correct folder. To be sure there was no glitch in the upload I re-uploaded the files individually, cleared my cache, turn admin/config/store selector off and on etc.

Only changes to files on upload was the config files, and everything else in the store seems to function propery. I had a few log errors related to tax settling that I hadn't bothered with in test store, and I had issues with Wordpress (in root and using WP4Zen) that were resolved by reloading that folder.

Are there any permission settings that might be different moving from windows to linux? Or any other ideas?