Using TinyMCE Editor with Zen Cart

[longstockings]

I'm using this to edit everything I can and it kicks the crap out of htmlarea

This is fantastic and installation is really straight forward.
Does take ages to upload though so if you know how, I would recommend uploading a compressed tiny_mce and extract it onto the server.

Good work

[oceano]

Hi I'm using this for the first time. Just installed it into a fresh v135 - there was no installation text with the download it that mentions adding the javascript patch outlined above - IS THIS STILL NECESSARY WITH 135 - ??

The install went smooth and it seems to be fine, but I wanted to check on the above info (including the permissions info) and confirm that it still relevant. Most mods include an installation text file...

thanks /mark

[DrByte]

The content described earlier is not required while using the v1.3.5 contribution

[oceano]

Thanks doc!

It loads very fast even w/the glut of plugins. Seems nice but...

My main interest is in getting an easy to use editor to permit my client to use STYLES with text - but the documentation at moxiecode on setting this up is a major pain to understand. As I would assume everyone wants this minimum ability could someone please spell this out.

To make this request here simpler - I need help!

How does one get this style's plugin to work. Could we even get the download to have this functioning with some styles and a simple explanation for adding styles?

I know everyone is very busy, but this seems to be the solution mod that loads fast, and adds XHTML controls in a clean fashion. If someone could stremline this it would be amazingly helpful for thousands of ZC users.

kind regards /mark

[ellivir]

Any tricks needed to be done? What are the settings for the editor in admin?
I just downloaded the files in right folders in my server but I can't see any Tiny, tinyMCE anywhere... maybe it is too tiny.

Elli

[oceano]

elli

go into admin > catalog > categories/products

you should see a dropdown top right. use it to select tinymce. if you don't see it there then try reinstalling the files.

there are no real settings - it seems to just be up and running.

THE BRICK WALL - IS HOW TO GET SOME STYLES IN THE DROPDOWN SELECTOR ON THE CONTROL PANEL...??

anyone.....?

It would also be nice to change the font sizes from pt values to em's or px ---------

[reza]

The content described earlier is not required while using the v1.3.5 contribution

HELLO Dr. Byte
I have zen 1.3.7, and by definition in this cart html area is included. but I need to have html editor to be active for my clients too, so for example, I have some products that the customer may wright some texts and send to me, this text attribute, would I put the possibility to be in html editor for the clients, any help how can I get working it is appreciated.

thanks

[DrByte]

There is no built-in HTML editor support for the storefront. This is mainly for security reasons.

If you require rich-text support in the storefront, you will need to do custom coding to make that possible.

[jernej]

Hi,

first of all, thx alot for this! . Helped me alot.

I have a question tho, i found loads of usefull plugins for the editor, but i have no idea how to install it
I found the folder "Plugins" etc... and i copyed them into it. But i probably have to install them somehow, but how?

Thanks for any kind of help!

Greets
Jernej

[jernej]

I managed to solve the problem

I've been looking for a simple way on how to add pdf files and things like that to the product. And filemanager plugin for tinymce was the easiest solution out there.

I found some old version that is an addon to the advlink and img plugin.
So now if u want to upload a file, you just click on the "browse" image ( in the link plugin or img plugin ) and you get redirected to filemanager and then you just insert or link the file ( or image ).

Sry for my bad english by the way , i hope u guys understand what i mean.

Anyway all u need to do is copy the plugin in to the "plugins" folder in tiny_mce.
( i used filemanager 1.4 if u need it contact me on [email protected] )

And then edit the code a bit, so it looks like this:

<script language="javascript" type="text/javascript" src="tiny_mce/plugins/filemanager/jscripts/mcfilemanager.js"></script>
<script language="javascript" src="includes/menu.js"></script>
<script language="javascript" src="includes/general.js"></script>
<script language="javascript" type="text/javascript" src="tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
        tinyMCE.init({
        mode : "textareas",
        theme : "advanced",
        width : "100%",
        height : "460",
        relative_urls : false,
        remove_script_host : true,
        document_base_url : "document_base_url",
        plugins : "ibrowser,table,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,zoom,searchreplace,print,paste,directionality,fullscreen,noneditable,contextmenu",
        theme_advanced_buttons1_add : "fontselect,fontsizeselect,forecolor,ibrowser,open",
        theme_advanced_buttons2_add : "separator,insertdate,inserttime,preview,zoom,separator,backcolor,liststyle",
        theme_advanced_buttons2_add_before: "cut,copy,paste,pastetext,pasteword,separator,search,replace,separator",
        theme_advanced_buttons3_add_before : "tablecontrols,separator",
        theme_advanced_buttons3_add : "emotions,iespell,advhr,separator,print,separator,ltr,rtl,separator,fullscreen",
        theme_advanced_toolbar_location : "top",
        theme_advanced_toolbar_align : "center",
        theme_advanced_disable : "image",
        theme_advanced_statusbar_location : "bottom",
        content_css : "generic.css",
        plugin_insertdate_dateFormat : "%Y-%m-%d",
        plugin_insertdate_timeFormat : "%H:%M:%S",
        extended_valid_elements : "hr[class|width|size|noshade]",
        file_browser_callback : "mcFileManager.filebrowserCallBack",
        custom_undo_redo_levels : 10,
        paste_use_dialog : false

    });
     function fileBrowserCallBack(field_name, url, type) {
        // This is where you insert your custom filebrowser logic
        alert("Filebrowser callback: " + field_name + "," + url + "," + type);
    }
</script>

And don't forget to change "document_base_url".

This was very useful for me and i hope it will be for you aswell!

Greets
Jernej