Using TinyMCE Editor with Zen Cart

[flagbag]

I'm totally new to zencart and need to convert a very basic e-commerce store (we only sell one product in 2 varieties--large and small). Anyway, somehow I need to make a mental leap of how I change this store which I made using HTML in notepad to a ZenCart store.

Anyway, is TinyMCE what I'm looking for? Any help or suggestions including any further reading greatly appreciated!

[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

[tbrides]

hi,
does the tinymce download in the downloads section come with image upload?

if not where do you get the plugin?

[peanut77]

I am looking for the same thing an images plugin to use with this - I can only find one which is for sale and which I would have no idea how to intergrate with zen. Help!

[a_berezin]

I use Ajax File manager для TinyMCE

[braad]

flambeau thank you for this contribution, I have one question,
you wrote that chmod has to be changed for /admin/tiny_mce/plugins/ibrowser/temp
/admin/tiny_mce/plugins/ibrowser/scripts/phpThumb/cache
but I downloaded last version of TinyMCE and there is no such catalogs, did you created it?

[emilio]

I installed the 1.3.5 tinymce contribution on my 1.3.7 and the text editor works fine but i had some problems for the ibrowser plugin.
The button was not showing and it was giving me a filebrowsercallback not set error and i had to check out a lot by myself to make it work.
I commented the line 26 into tinymce.php and tryed to insert as suggested the ajaxfilemanager plugin

//theme_advanced_disable : "image",
theme_advanced_statusbar_location : "bottom",
content_css : "<?php echo HTTP_SERVER . DIR_WS_CATALOG; ?>editors/tinymce.css",
plugin_insertdate_dateFormat : "%Y-%m-%d",
plugin_insertdate_timeFormat : "%H:%M:%S",
extended_valid_elements : "hr[class|width|size|noshade]",
file_browser_callback : "ajaxfilemanager.fileBrowserCallBack",
custom_undo_redo_levels : 10,
paste_use_dialog : false

Now the button is working and the images can be loaded but first i have to transfer them manually at the server and then tell the path in the pop up window like in the picture attached

And also the ajaxfilemanager doesn't seem to work
is it possible to upload images direct from my computer at the server with this ajaxfilemanager or whatever else plugin and how do i set it ?
Maybe i'm retarded but this sounds difficult to me especially setting the paths or things like that
thank you for your support