Jump to content

Recommended Posts

A simple add-on to let you place a WYSIWYG HTML editor onto your site’s admin.

 

CKEditor 4

Proven, enterprise-grade WYSIWYG HTML editor with wide browser compatibility, including legacy browsers.

  • Paste from Word and Excel, spell check, accessibility checker, tables.

  • Autocomplete, @mentions, widgets, code snippets, emoji 😊 plugins.

  • Full control over content: HTML filtering, view source mode.

  • Great accessibility: WCAG 2.0 AA and Section 508 compliant.

  • Long-term support (LTS) until 2023.

For Phoenix simply copy new files into the required places and your done.

You can if you like do it the old fashion way as in the frozen method below.

 

For frozen it’s a simple edit of one template file, open :-

public_html/admin/includes/template_bottom.php and just before the </body> add this code,

 

<script src="https://cdn.ckeditor.com/4.12.1/standard/ckeditor.js"></script>
                <script>
                CKEDITOR.replace( "products_description[1]" ); 
                CKEDITOR.replace( "manufacturers_description[1]" );
				CKEDITOR.replace( "categories_description[1]" );
				</script>

That’s it your done. If you go to admin and edit a product you will see the WYSIWYG HTML editor on the product description box.

This is just a simple application of the editor you can expand it as much as you like.

It has been tested on Phoenix 1.0.2.0 only. It should however work on other versions and frozen

 

Enjoy.

image.thumb.png.f6e36dad03c1adb3c0b3792a626f4fd3.png


 

Share this post


Link to post
Share on other sites

Well done Zahid!

I am now using a custom built ckeditor.js which includes support for Bootstrap Tabs and iframes. These two features are really good for generating nice product descriptions.

Share this post


Link to post
Share on other sites

Excellent addon @JcMagpie

We need more addon like yours to boost Phoenix since there are very few addons and the core of Phoenix is awesome!

Best regards

Valqui


Running Old EDGE, setting up a new Frozen site with many nice addons available on the market and waiting to be admitted to Phoenix club!

Community Oscommerce fan :heart:

 

Share this post


Link to post
Share on other sites

Good morning Zahid @JcMagpie.

I was testing the addon on my new Frozen test site and it didn't work. Is this addon only for Phoenix?

Best regards

Valqui

Edited by valquiria23

Running Old EDGE, setting up a new Frozen site with many nice addons available on the market and waiting to be admitted to Phoenix club!

Community Oscommerce fan :heart:

 

Share this post


Link to post
Share on other sites
28 minutes ago, valquiria23 said:

Is this addon only for Phoenix?

I have only tested on Phoenix 1.0.2.2 but it should work on anything as admin side has not changed. However for frozen you must do the edit.


 

Share this post


Link to post
Share on other sites

Your public_html/admin/includes/template_bottom.php  should be like this

<?php
/*
  $Id$

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2010 osCommerce

  Released under the GNU General Public License
*/
?>

</div>

<?php require('includes/footer.php'); ?>

<br />
<script src="https://cdn.ckeditor.com/4.12.1/standard/ckeditor.js"></script>
                <script>
                CKEDITOR.replace( "products_description[1]" ); 
                CKEDITOR.replace( "manufacturers_description[1]" );
				CKEDITOR.replace( "categories_description[1]" );
				</script>
</body>
</html>

 


 

Share this post


Link to post
Share on other sites

Good morning Zahid.

I found the problem !!
My site is in Spanish, I had to change

CKEDITOR.replace ("products_description [1]");
to
CKEDITOR.replace ("products_description [2]");

That made the aditor appear!

Thank you very much Zahid for your excellent support and addon !!!

regards

Valqui


Running Old EDGE, setting up a new Frozen site with many nice addons available on the market and waiting to be admitted to Phoenix club!

Community Oscommerce fan :heart:

 

Share this post


Link to post
Share on other sites
12 hours ago, kgtee said:

Well done Zahid!

I am now using a custom built ckeditor.js which includes support for Bootstrap Tabs and iframes. These two features are really good for generating nice product descriptions.

Hi @kgtee

Changing

<script src="https://cdn.ckeditor.com/4.12.1/standard/ckeditor.js"></script>

for 

<script src="https://cdn.ckeditor.com/4.12.1/full-all/ckeditor.js"></script>

You can insert iframes and also have many more options that are enabled in the editor.

Best regards.
Valqui


Running Old EDGE, setting up a new Frozen site with many nice addons available on the market and waiting to be admitted to Phoenix club!

Community Oscommerce fan :heart:

 

Share this post


Link to post
Share on other sites
6 minutes ago, valquiria23 said:

You can insert iframes and also have many more options that are enabled in the editor.

Yes you can I only added the standerd to keep is simple. You can also add many plugins to improve them also.


 

Share this post


Link to post
Share on other sites

If I was to take a guess your either got a js conflict or have installed the hook in wrong place! It needs to be in

public_html/includes/hooks/admin/siteWide/ckedit.php


 

Share this post


Link to post
Share on other sites

Anyone installing this to add discriptions to osC CE should remember that your site is responsive! So anything you add using CK must also be resposive or you will have none responsive product_info page.

Also if editing in <> code then make sure to check as a missing closing </> tag can brake your site or worse as it's beeing saved in db.


 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×