Forums / All Other Contributions/Addons / Using TinyMCE Editor with Zen Cart

Using TinyMCE Editor with Zen Cart

Locked

Views: 37,670

Results 21 to 40 of 40
This thread is locked. New replies are disabled.
13 Jan 2007, 6:00 PM
#21
flagbag avatar

flagbag

New Zenner

Join Date:
Jan 2007
Posts:
10
Plugin Contributions:
0

Using TinyMCE Editor with Zen Cart

:bored:
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.
:lamo:
Anyway, is TinyMCE what I'm looking for? Any help or suggestions including any further reading greatly appreciated!
:shocking:

Even Old Salts can still Zen!

14 May 2007, 4:14 PM
#22
reza avatar

reza

Zen Follower

Join Date:
Aug 2006
Posts:
166
Plugin Contributions:
0

Re: Using TinyMCE Editor with Zen Cart

DrByte:

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

14 May 2007, 6:48 PM
#23
drbyte avatar

drbyte

Sensei

Join Date:
Jan 2004
Posts:
63,513
Plugin Contributions:
176

Re: Using TinyMCE Editor with Zen Cart

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.

.
Zen Cart - putting the dream of business ownership within reach of anyone!
Donate to: DrByte directly or to the Zen Cart team as a whole

Remember: Any code suggestions you see here are merely suggestions. You assume full responsibility for your use of any such suggestions, including any impact ANY alterations you make to your site may have on your PCI compliance.
Furthermore, any advice you see here about PCI matters is merely an opinion, and should not be relied upon as "official". Official PCI information should be obtained from the PCI Security Council directly or from one of their authorized Assessors.

24 May 2007, 9:03 AM
#24
jernej avatar

jernej

New Zenner

Join Date:
Dec 2006
Posts:
23
Plugin Contributions:
0

Re: Using TinyMCE Editor with Zen Cart

Hi,

first of all, thx alot for this! :D. 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 :p
I found the folder "Plugins" etc... and i copyed them into it. But i probably have to install them somehow, but how? :frusty:

Thanks for any kind of help! :D

Greets
Jernej

24 May 2007, 1:18 PM
#25
jernej avatar

jernej

New Zenner

Join Date:
Dec 2006
Posts:
23
Plugin Contributions:
0

Re: Using TinyMCE Editor with Zen Cart

I managed to solve the problem :clap:

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 :P, 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! :D

Greets 
Jernej
22 Jun 2007, 10:35 AM
#26
tbrides avatar

tbrides

Zen Follower

Join Date:
Oct 2006
Posts:
198
Plugin Contributions:
0

Re: Using TinyMCE Editor with Zen Cart

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

if not where do you get the plugin?

25 Jun 2007, 2:15 PM
#27
peanut77 avatar

peanut77

Zen Follower

Join Date:
Feb 2005
Posts:
266
Plugin Contributions:
0

Re: Using TinyMCE Editor with Zen Cart

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!

30 Jun 2007, 3:19 PM
#28
a_berezin avatar

a_berezin

Deceased

Join Date:
Aug 2004
Location:
Saint Petersburg, Russia
Posts:
1,782
Plugin Contributions:
5

Re: Using TinyMCE Editor with Zen Cart

NOTE: We are sorry that Andrew is no longer with us.
We are grateful for all his contributions to the Zen Cart community.

3 Jul 2007, 8:48 PM
#29
braad avatar

braad

New Zenner

Join Date:
Oct 2006
Posts:
18
Plugin Contributions:
0

Re: Using TinyMCE Editor with Zen Cart

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?

30 Jul 2007, 4:08 PM
#30
emilio avatar

emilio

New Zenner

Join Date:
May 2005
Location:
san francisco - California
Posts:
49
Plugin Contributions:
0

Re: Using TinyMCE Editor with Zen Cart

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 : falseNow 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

"You cannot step into the same river twice, for fresh waters are ever flowing in upon you."
*Heraclitus

Most of the universe is made of emptyness

all i know is that i don't know

*http://sualojanaweb.googlepages.com
http://www.insitesolutions.com.br

30 Jul 2007, 8:54 PM
#31
emilio avatar

emilio

New Zenner

Join Date:
May 2005
Location:
san francisco - California
Posts:
49
Plugin Contributions:
0

Re: Using TinyMCE Editor with Zen Cart

ok i managed to do myself cos this thread looks dead ...many unanswered questions.
Maybe i'm not so retarded as i thought :bangin: huh....
after all i learn something...
everything is working now even the complete ibrowser and not only the insert image button.
Just i can't figure what does the filebrowsercallback stands for and how to implement it into zen if some compassionate soul could enlighten me whith some example i'd be grateful

thanks

"You cannot step into the same river twice, for fresh waters are ever flowing in upon you."
*Heraclitus

Most of the universe is made of emptyness

all i know is that i don't know

*http://sualojanaweb.googlepages.com
http://www.insitesolutions.com.br

11 Aug 2007, 3:46 PM
#32
flash avatar

flash

New Zenner

Join Date:
Mar 2004
Location:
Fort Collins, CO :: Play Hockey eh?!
Posts:
60
Plugin Contributions:
0

Re: Using TinyMCE Editor with Zen Cart

Your host is probably running PHP under phpsuexec
The resized files being created by TinyMce ibrowser were being created under my username with permission 600. Since Apache runs as user "nobody", it could not access these files.

One would have to edit the upload script to add a chmod 644 directive. Unfortunately I have not figured out where or what to add exactly...

Rami:

Thank for Your answer but I have changed those mode 777 as well... I'm starting to be littlebit desperate with issue... Is it possible that server causes this kind of problem?

Flash

Larry 'Flash' Alexander
FLASH HQ

12 Aug 2007, 1:34 AM
#33
testuser avatar

testuser

Inactive

Join Date:
Oct 2004
Location:
Houston, TX
Posts:
792
Plugin Contributions:
0

Re: Using TinyMCE Editor with Zen Cart

flash:

Your host is probably running PHP under phpsuexec
The resized files being created by TinyMce ibrowser were being created under my username with permission 600. Since Apache runs as user "nobody", it could not access these files.

One would have to edit the upload script to add a chmod 644 directive. Unfortunately I have not figured out where or what to add exactly...

Does your host have a function that will reset file permissions back to the main owner's account. A lot of CPanel's have this function you just have to look for it.

Colin @ iChoze Internet Solutions
Zen Cart Stuff powered by Zen Cart
http://zen-cart-templates.ichoze.net

29 Aug 2007, 11:41 AM
#34
titangen avatar

titangen

Zen Follower

Join Date:
May 2005
Location:
Brussels belgium
Posts:
177
Plugin Contributions:
0

Re: Using TinyMCE Editor with Zen Cart

FYI

2007-08-21 **TinyMCE 2.1.2 Released

**--- Change log ---
Added fix for polluting third partly libraries that insist on messing with internal objects.
Added new save_on_tinymce_forms option to control when triggerSave is to be called.
Added mceContentBody class to template plugin preview.
Fixed bug where background color didn't work as expected in Opera.
Fixed bug where empty p tags where created on source code edit when forced_root_block was used.
Fixed bug where it was impossible to remove alignment using the align buttons.
Fixed bug where a empty URL was reported as a possible email link in advlink dialog.
Fixed bug where Opera would destroy the body if you pressed return 3 times in the beginning of a list.
Fixed bug where getHTML would return an empty string in IE sometimes.
Fixed bug where tinyMCE.selectedInstance is null after mceRemoveControl.
Fixed bug where remove_script_host option didn't work with media plugin.
Fixed bug with the convert_urls option and anchors in the advlink plugin.
Fixed issue with missing entityDecode statement for new document confirm.
Fixed issue with incorrect font value for Sans-serif.
Fixed problem with some youtube video urls.

:smartalec:

//chris

Zen cart or nothing !!

22 Jun 2008, 8:40 PM
#35
rbobzin avatar

rbobzin

Zen Follower

Join Date:
Mar 2007
Posts:
112
Plugin Contributions:
0

Re: Using TinyMCE Editor with Zen Cart

Hi,

I downloaded the Editor – TinyMCE Plugin v1.0 this morning, followed all exact instructions (twice), but have some weird problems:

  • TinyMCE does show up in the Tools -> Define Pages Editor list (along with HTMLarea and FCKeditor2.5), but when I select it, “TinyMCE” stays in the listbox for about 2 seconds, then it reverts back to “HTMLarea”. When I open a page, however, TinyMCE is indeed the editor! Any idea why the listbox doesn’t just continue to display “TinyMCE”?

  • Same thing happens when I go to Category pages – the box in top right shows all 3 editors, but when I select TinyMCE, it again displays HTMLarea after a 2-sec pause. This time, however, when I select a category to edit, the editor is HTMLarea and not TinyMCE.

    I looked through the various posts here, but they were all fairly old and none had a similar problem. And after reading them, and doing lots of experimenting, I still can’t get it to work right. Is there something I’m missing here? For instance, both HTMLarea and FCKeditor2.5 have folders in “mystore/editors”, but TinyMCE goes under “mystore/admin” instead. And there are both HTMLarea.php andFCKeditor.php files in “mystore/admin/includes” but no TinyMCE files.

    Anyway, any help you could provide here would really be appreciated!

    Thanks!

RAB

Why is it I'm always surprised when something actually works?

22 Jun 2008, 10:03 PM
#36
alanekilauea avatar

alanekilauea

New Zenner

Join Date:
Jul 2007
Posts:
17
Plugin Contributions:
0

Re: Using TinyMCE Editor with Zen Cart

Installing the new TinyMCE has me scratching my head too. I have it successfully installed (I modified it to run from editors/) but the Image Manager feature is giving me hell with "Invalid base directory:
Notice: Use of undefined constant b - assumed 'b' in"

But anyway, rbobzin, did you complete the instructions from the readme file?

TinyMCE with ImageManager v1.0

About:

This is a combination of TinyMCE (with TinyMCE PHP compressor) and ImageManager third party plugin which is free. Have you experience the bad interface of textarea editor in Admin area of zencart? Originaly TinyMCE would not have image upload and image browse capabality when inserting image to document. This script will enable you to achieve that. I will not liable for this package and it comes without any warranty. Tested and worked with Zen-Cart v1.3.8a.

Package Contents:

TinyMCE version 3_0_6
ImageManager v1.1
TinyMCE PHP Compressor 2_0_1

Installation Instruction:

  1. Extract inside /admin/ folder of the zencart, so that you will have /admin/tiny_mce

  2. Copy and insert the following javascript codes in "define_pages_editor.php" inside /admin/ folder. Probably after the other javascripts and before the "</head>".

<!-- start of calls TinyMCE --> <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", plugins : "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template", theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect", theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor", theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen", theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak", theme_advanced_toolbar_location : "top", theme_advanced_toolbar_align : "left", theme_advanced_statusbar_location : "bottom", theme_advanced_resizing : true, extended_valid_elements : "a[name|href|target|title|onclick],img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name],hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]", template_external_list_url : "example_template_list.js", file_browser_callback : "fileBrowserCallBack", debug : false, relative_urls : true, document_base_url : "http://localhost/zencart/" }); </script> <!-- end of calls --> <!-- start of calls IMAGE MANAGER for TinyMCE --> <script language="javascript" type="text/javascript" src="tiny_mce/plugins/ImageManager/assets/dialog.js"></script> <script language="javascript" type="text/javascript" src="tiny_mce/plugins/ImageManager/IMEStandalone.js"></script> <script language="javascript" type="text/javascript"> var connector = "tiny_mce/plugins/ImageManager/manager.php"; base = "G:/htdocs/zencart/images"; path = '/zencart/images'; </script> <script language="javascript" type="text/javascript" src="tiny_mce/plugins/ImageManager/tinycall.js"></script> <!-- end of calls -->
  1. Replace the 'document_base_url : "http://localhost/zencart/"' with your zencart site url. For example: document_base_url : "http://www.abcdefg.com/myshop/"

  2. Replace the 'base = "G:/htdocs/zencart/images";' with your images folder (this folder must be writable to upload new image file). For example: base= "/home/abcdefg/public_html/myshop/images";

  3. Replace 'path = '/zencart/images';' with your relative path to your image/upload folder. For example: path = '/myshop/images';

  4. Save the edited "define_pages_editor.php". Login to the Admin area and go to "Tools"->"Define pages editor". Repeat the process for other pages which you want to use TinyMCE.

Optional Additional Installation Step:

If you want to utilize the TinyMCE compressor you can follow the steps which available at this site: http://wiki.moxiecode.com/index.php/TinyMCE:Compressor/PHP

Personally, I do not recomend this especially if you still able to view the page with tinyMCE editor within reasonable amount of time. In addition, TinyMCE will be used only in admin area which will not be accessed massively.

23 Jun 2008, 11:37 AM
#37
rbobzin avatar

rbobzin

Zen Follower

Join Date:
Mar 2007
Posts:
112
Plugin Contributions:
0

Re: Using TinyMCE Editor with Zen Cart

Thanks for the quick response!

Yes, I followed the Readme instructions to the letter. I'm now considering to install it in /editors as described in the first post in this thread, but am wondering if this is OK in Zen Cart v1.3.8a, since the posting is several years old!

Any thoughts?

RAB

Why is it I'm always surprised when something actually works?

1 Jan 2009, 8:45 AM
#38
newfu avatar

newfu

New Zenner

Join Date:
Dec 2008
Posts:
36
Plugin Contributions:
0

Re: Using TinyMCE Editor with Zen Cart

sorry for bring this old thread.

TinyMCE is now 3.2.8 version

it has multiple image upload and i am wondering if anyone is able to port this to zencart ?

thanks

28 Jan 2009, 1:34 AM
#39
remoteone avatar

remoteone

Zen Follower

Join Date:
Jan 2009
Location:
Macclesfield, South Australia
Posts:
104
Plugin Contributions:
0

Re: Using TinyMCE Editor with Zen Cart

Downloaded TinyMCE, installed it, configured it...
Waisted hours on it, It **didnt work **at all...deleted it !

The Poor Pay Twice.........remoteone.com.au

24 Jul 2009, 5:18 PM
#40
newagekat avatar

newagekat

Zen Follower

Join Date:
Nov 2005
Location:
Vancouver, Canada
Posts:
151
Plugin Contributions:
0

Re: Using TinyMCE Editor with Zen Cart

Hi:

I'm not sure this is the correct place for this post, but I did not find the official forum.

I have a quick question. I installed
TinyMCE Version: 2.1
Title : TinyMCE Editor v3.0.8 Plugin for Zen Cart v1.3.8a (EQUIPED with ImageManager Plugin)
Author : http://www.ferolen.com
Release: 19 May 2008

back in February. I have been using it since and had no problems even had the image manager working like a charm. However, yesterday I noticed that when I went to edit a product description or a define page, the textarea of the TinyMCE editor is blank. I switch editor in admin>configuration>store back to HTML editor and I can see it just fine.

The only thing new on the server is the recently installed security patch and a renamed admin. I then checked the cpanel error log and got this repeating line:
[Thu Jul 23 17:55:14 2009] [error] [client myIP] File does not exist: /home/user/public_html/ImageManager/lang/en.js

I then removed the patch completely and still get a blank.

Has anyone experienced this? :blink:

KP