Musings

TinyMCE WYSIWYG Editor with TinyBrowser file browser in ExpressionEngine

27th January 2009

TinyMCE WYSIWYG Editor with TinyBrowser file browser in ExpressionEngine

Extending ExpressionEngine with a WYSIWIG is a fantastic way to make edting your weblogs a lot easier. There are also some powerful file browser / management plugins out there too and in this post will see how to add both to your expressionengine site.

You’ll evetually have the TinyMCE WYSIWIG editor which looks like this:

We’ll then be adding the TinyBrowser file browser / uploader which looks like this:

It’s pretty straight forward, just follow these steps:

  1. Download TinyMCE
  2. Create a directory in the root of your EE install named scripts, unzip TinyMCE and upload the contents into that directory. The eventual directory structure will be *scripts/tinymce/jscripts/tiny_mce/{all the tinymce gubbins}*
  3. Download the excellent LG TinyMCE plugin from Levi Graham
  4. Copy the */system/extensions/ext.lg_tinymce.php* directory to your */system/extensions* directory
  5. Copy the */system/language/english/lang.lg_tinymce.php* file to your */system/languages/english* directory
  6. Log in to your sites administration and open the Extensions Manager, Enable Extensions if not already enabled then Enable the extension
  7. At this point you will have the ability to add WYSIWIG fields from your custom weblog fields, but we’re not going to stop there.
  8. Download TinyBrowser
  9. Edit the config_tinybrowser.php file so that the upload directories are valid (usually /images/uploads/)
  10. Ensure the uploads directory / directories are writable (755 permission)
  11. Unzip TinyBrowser and upload the contents to scripts/tinymce/jscripts/tiny_mce/plugins/
  12. We now need to edit the LG TinyMCE extension to handle file browsing. To do this open the system/extensions/ext.lg_tinycme.php file and search for the line
    $r .= "n" . '<script type="text/javascript" src="' . trim($this->settings['script_path']) . '"></script>';
    we’re going to add this line underneath it:
    $r .= "n" . '<script type="text/javascript" src="' . str_replace ("tiny_mce.js","plugins/tinybrowser/tb_tinymce.js.php", trim($this->settings['script_path'])) .'"></script>';

    Be careful not to delete any lines, we’re only adding that line.
  13. Now we need to edit the settings for the LG TinyMCE extension in the Extension Manager. First we need to…
  14. In the //General setup, we want to add
    file_browser_callback : 'tinyBrowser',
    just below where it says theme : ‘advanced’,
  15. We also want to add
    tinyBrowser,advimage,
    where it says plugins : Make sure you add this bit to the part that isn’t commented out.

That’s it, you should now be able to browse your files from the image and link buttons in the TinyMCE toolbar:

As an added bonus, if you set the directory as the one you usually use with ExpressionEngine file uploads it will build thumbnails for everything you’ve already uploaded and you’ll have all the benefits of the TinyBrowser file management too.

As always, if you’ve used this example or you have any trouble I’d love to hear from you so I can improve and refine the post.

Since writing this, it’s become obvious that Wordpress will hash up any attempt I make at adding the correct code snippets. So… I’ve helpfully altered the LG TinyMCE script, and packaged up the other requisits in this compressed file for you to download. Just extract the contents of the directories into your ExpressionEngine install, (careful not to overwrite all the contents – it’s just the bits you need to make this work.)

compress Download the pre-configured files here.

Discuss

Get involved in the discussion by using the comment form below.

lee

29th January 2009

A project I am working on today, needs this exact implementation.
Will this allow my client to embed flash where ever they need on the page?

Thanks for this great post!

wil.linssen

29th January 2009

You could use TinyBrowser to upload the files, then use the Media plugin for TinyMCE to embed it. So… yes! Let me know how it works out for you.

Brittany

2nd February 2009

Thanks for the great advice Wil! Any instructions on how to upload TinyBrowser without TinyMCE (client doesn’t want TinyMCE). I’m finding the readme text a little confusing. Thanks!

wil.linssen

3rd February 2009

@Brittany TinyBrowser is a plugin for TinyMCE, so I’m afraid you can’t use it without. That said, I think the best thing you can do is just edit your TinyMCE config so that you only have the bare minimum of options, that way it’s almost as though you don’t have TinyMCE installed at all. There are an obscene amount of options, switches and plugins you can use with TinyMCE and I’m sure somewhere in there is a configuration that will satisfy your client. There’s also the option of just clicking the HTML button to edit the HTML directly - it will then render in the editor with any CSS you have specified.

Long answer!

Ian Beck

6th February 2009

You are my hero for writing this tutorial. Thank you!

Juan Carlos

16th February 2009

Hello, whenever i do the step 12 expression engine stops working, blank page, any idea on why that happens and how to correct it?

I’m using EE 1.6.7, lg tiny mce 1.3.3 and no idea of what version of tinymce, it’s not last one.

Also my tinymce it’s not located on scripts/tinymce/jscripts/tiny_mce/plugins/ but on /jscripts/tiny_mce/plugins/

Thanks in advance for your help.

Regards,

wil.linssen

16th February 2009

@Juan Carlos try moving your TinyMCE to the directory I’ve specified, also have you enabled the LG TinyMCE plugin? Last thing to try is to ensure that you have changed the input type in your custom weblog fields to WYSIWYG. Let me know if that sorts it.

Lynne

23rd February 2009

I’m a little leery of hacking the extension itself, due to updates and having to remember to put your hack back in. Have you contacted Levi Graham about putting this into his extension and advertising it’s compatible with TinyBrowser?

wil.linssen

23rd February 2009

@Lynne I have contacted Leevi, not heard back from him yet. I might look into packaging something up for download here, but I would be wary of treading on his toes. If we work something out I’ll let you know though!

R.BIRD

24th February 2009

@Juan Carlos: I had the same “blank screen” problem. Cause is actually an ASCII error in Wil’s code above. Replace the last three closing quotes. That did the trick for me.

@wil.linssen: After resolving the above issue, I’ve gone through the setup many times over and all works fine until clicking the “browse” icon in TinyMCE insertimage window. Nothing happens. Not sure where to look.

The “browse” link shows as

[removed]openBrowser(‘srcbrowser’,‘src’,‘image’,‘theme_advanced_image_image_browser_callback’);

wil.linssen

24th February 2009

@R.BIRD Those characters are actually Wordpress ‘helpfully’ replacing the correct characters with incorrect HTML - there doesn’t seem to be a damned thing I can do about it either. I’ll have to alter the post to account for it.

As for not getting the browse pop up, that means that TinyMCE is working, but TinyBrowsers isn’t. One thing to double check is that your TinyBrowser directory is in {path to TinyMCE}/plugins/tinybrowser/ Also it might be worth checking it has the right permissions.

I have also added a quick download with all alterations and downloads already set up, so that might help.

R.BIRD

24th February 2009

Thanks, Wil.

Found trouble: TinyBrowser is not compatible with Moxie’s Gzip compression enabled in LG TinyMCE settings.

In LG TinyMCE settings, set “Enable GZip Compression?” to “No” - and all will be fine.

Dan Denney

18th March 2009

Wow, thank you very much for this! I had gaffed up the attempt to do TinyMCE and iBrowser. This worked great!

Thank you to R.Bird for the ascii hint too, cause I was getting white screened too.

vik407

21st March 2009

Someone knows how to activate the session security to prevent unauthorized upload trought tinybrowser?

I check the “config_tinybrowser.php” about line 27 but need to change the propietary login workaround and integrate expression engine session own variables like:

if ($SESS->access_cp == “y”){
$tinybrowser[‘sessioncheck’] = ‘auth_user’;
}else{
exit(‘No Upload Privilegies’);
}

Regards

Bookmarks for March 17th through March 21st - gile

21st March 2009

[...] TinyMCE WYSIWYG Editor with TinyBrowser file browser in Expression Engine - [...]

Keith Heustis

23rd March 2009

Hi there. Great post. I was wondering if you could help me understand where exactly to place tinyBrowser,advimage,

I see where it says plugins : in the TinyMCE Config and I’m not placing it in the part that is commented out.

Do I place it right after plugins : do I need to put quotes around it, I think this is the only thing I am getting hung up on.

Thanks so much for any help you can give me,

Keith

wil.linssen

25th March 2009

Right about here…

SGarcia

8th April 2009

I’m pretty sure I have the settings right in all three places based on your instructions. However, when I click on the “browse” icon, I get an error referring to config_tinybrowser.php -

“Warning: set_time_limit() [function.set-time-limit]: Cannot set time limit in safe mode in /var/www/vhosts/hcbcnw.org/httpdocs/scripts/tinymce/jscripts/tiny_mce/plugins/tinybrowser/config_tinybrowser.php on line 24

I commented out the set_time_limit line, which caused the error to go away, but when I try to upload a .jpg it gives me a “Status 403 - Error uploading” I’m not even sure what “safe mode” means.

Any ideas what may be having problems? I’m running 1.6.7 and TinyMCE 1.3.3.

SGarcia

8th April 2009

nm - I didn’t realize you had a Google group that answered this question. Thanks! Great plugin!

Lee M

20th April 2009

Wil,

Hey I followed the steps above and had Tiny MCE working (but not the browser), so I then downloaded your tinymce-with-tinybrowser package and now I’m getting the blank white screen. I can’t even log into my expression engine back end. Just a blank white screen on mysite.com/system.

I tried removing everything related to tiny mce from the server and got the error that expression engine was looking for the ext.lg_tinymce.php extension.

Not trying to be a help zombie, but I have no idea how to fix this. Any tips would be great. Thanks!

Mike

29th April 2009

This product is compatible with witch version of TinyMCE?

wil.linssen

29th April 2009

All versions! You can get the latest TinyMCE here, and the latest TinyBrowser here.

wil.linssen

29th April 2009

@Lee M It could be that you overwrote the contents of your directories with the contents of the ones I supplied? The directories in the Zip files are just relevant to TinyMCE and TinyBrowser, it’s important to be careful to add the contents to the existing directories, not overwrite them. Are you still having troubles?

wil.linssen

29th April 2009

@SGarcia set_time_limit() refers to PHP and how long it will wait for an upload to complete - it’s added to ensure larger files don’t timeout. If your PHP is in safe mode, it won’t let you alter that value. That warning isn’t really a problem though, it’s not an error and you could just ignore it. You could also add the following to the top of the config_tinybrowser.php:

<?php error_reporting(E_ALL & ~E_NOTICE & _E_WARNING) ?>

That will turn off warnings and notices.

Jannis

12th May 2009

I have the same problem that Lee M has/had. I didn’t download your scripts, but instead did it manually. As soon as I add the TinyBrowser line in my ext.lg_tinymce.php (just below the “// else add the normal tinymce script” comment), I get a white screen instead of my EE backend. As soon as I remove that line again, I can login correctly (but without TinyBrowser, of course).

The line I am to search for differs from the one you display here. It’s …

$r .= “n” . ‘settings[‘script_path’]) . ‘“>’;

instead of

$r .= “n” . ‘settings[‘script_path’]) . ‘“>’;

with and n instead of just n.

Any help? Because it looks great in theory.

Glen

29th May 2009

When I click to add an image above the text area, I am getting a blank screen, it is opening the tinymce/plugins/advimage/image.htm in a new window. When I view source, there is code there, but body tag is set to style=“display:none;”...

Any ideas on this?

carson

3rd June 2009

how can I add a pre-delete warning to TinyBrowser? I’d like something that pops up and says “Are you sure you want to delete this file?” with a yes and no button.

Thanks in advance for the help!

Chris

6th June 2009

Hi looks great tried installing Tiny Browser after sucessfully installing LG Tiny MCE and am getting this error:

Notice: Undefined variable: LANG in /home/eventdes/public_html/event_system/extensions/ext.lg_tinymce.php on line 826

Fatal error: Call to a member function line() on a non-object in /home/eventdes/public_html/event_system/extensions/ext.lg_tinymce.php on line 826

John Fuller

11th June 2009

I ran into the issue of tinybrowser not working if TinyMCE isn’t placed in the same locations as mentioned by this blog post. Not sure why and zero time to look to see why. Probably something simple though. So if tinybrowser doesn’t work then that’s another thing to look at.

Thanks for posting this by the way. I think Leevi should work this into his extension but it’s a free extension so I imagine it’s a ways down his list. wink


John

John Fuller

11th June 2009

Oh, and one other thing. In response to this not working with Gzip enabled. That might be because you have to add the line mentioned in the blog post to another area of the extension. It’s just a handful of lines down.

Bryan

23rd June 2009

I installed this in one site and it works great.

On another site, I get the problem that when clicking on the TinyBrowser icon, nothing happens. The link shows as “[removed]openBrowser(‘srcbrowser’,‘src’,‘image’,‘theme_advanced_image_browser_callback’);” on roll-over, but nothing happens.

I see several posts with the same problem, but none of the answers seem to work. The path to TinyBrowser seems correct as do the permissions.

Any insight is appreciated. I’m sure it is something simple I am missing.

wil.linssen

23rd June 2009

@Bryan if you’re using Firefox or Safari you can enable the the ‘error console’ that will show you any errors the JavasScript may be throwing up. Good place to start.

Bryan

23rd June 2009

Thanks:

Error: f is undefined
Source File: .../tiny_mce.js

It seems like I ran across this in a post on the Google group but the solution was not helpful. I will look again.

wil.linssen

24th June 2009

@Chris Double check that you’ve copied the language file from the LG TinyMCE plugin into your language folder.

wil.linssen

24th June 2009

@Glen don’t worry about the display: none, that’s just hiding it while it’s not being used. Try updating your version of both TinyMCE and TinyBrowser, I had a similar problem recently and that fixed it.

John Knotts

27th June 2009

awesome, thanks so much!

Ruud

1st July 2009

I wonder if SGarcia ever solved the “Status 403 – Error uploading” issue.

I have a 403 on my hand…

Ruud

6th July 2009

After some severe debugging I want to share some info with the community here. If you receive a 403 (406 or 412 will do also) status error on uploading files, create
an .htaccess file in your tinybrowser directory with the following contents:

SecFilterEngine Off
SecFilterScanPOST Off

mirko

10th July 2009

works perfectly on mac, but not on PC. Why?
The uploader doesn’t show up. The browser shows up but when I select a picture nothing happen. I tried with FF, IE6, IE7 on PC. :(

wil.linssen

13th July 2009

@mirko have you tried updating your versions of TinyMCE and TinyBrowser to the latest releases?

lebisol

15th July 2009

Hey Wil,
Thanks for posting this.
Does this setup respect member groups ACLs set in EE for folder access?
Thanks!

Paul

20th July 2009

Great guide. I only ran into two small problems:

1.) Step 12, both code segments should be “n” instead of “n” at the beginning of each.

2.) Step 15, have to make sure that when adding the plugins, you take the apostraphe off the end of the plugins already there, and then stick it at the end ‘before’ the comma after advimage… so it should look like

‘...,tinyBrowser,advimage’,

wil.linssen

22nd July 2009

@lebisol it won’t no, I might look to develop it as an add-on and that would be a good feature to include.

Chris

28th July 2009

TinyMCE is now not appearing the first time a page loads in Safari. It then appears on refresh. Works fine in Firefox.

Looks like it’‘s this bug: http://tinymce.moxiecode.com/punbb/viewtopic.php?id=10085

I used Firebug and it seems to be trying to load the nonexistent tinybrowser/editor_plugin.js . I’‘m stumped. :/

Mighty

7th August 2009

you have a typo in your instructions.

$r .= “n” should be $r .= “n” otherwise all your weblog pages will have the letter n above the header

mr. Li

11th August 2009

Nice instruction but now you can choose more simple way - MX Tinybrowser fieldtype.

wil.linssen

11th August 2009

@mr. Li that looks like a really nice little extension! Thanks for that.

Juan

11th August 2009

Thank you so much for this! I’m setting up these extensions for the first time for a client’s EE setup and they work beautifully.

Kevin

12th August 2009

Hi,

I recently installed this plug-in and did some security checks which i usually do and found the following:

If I use my browser to navigate to this file:
“http://www.mysite.com/scripts/tinymce/jscripts/tiny_mce/plugins/tinybrowser/upload.php”
(replace http://www.mysite.com with you’re actual site),

I can edit all your directories, I do not have to log-in to you System or anything, i mean, this is not good..

I will see if i can hack it up, to make it safe..
I’ll get back..

Julz

15th August 2009

Thanks so much for this post!

Charmed

18th August 2009

Hello, I have just followed all the steps and everything is working a-ok for me, EXCEPT, TinyBrowser is not displaying thumbnails in the browse screen. Or generating thumbnails. The directory (_thumbs) exists, but no thumbs are being made. Any suggestions?

Thanks for the coding.

wil.linssen

18th August 2009

@Charmed double check that you can write to the _thumbs directory. If it doesn’t exist create it wherever you’ve set the upload dir to (in the example it’s in images/uploads.) Then set it to permissions 777.

Charmed

18th August 2009

@wil.linssen, thanks, fixing the permissions on the thumbnails did the trick.

robin

25th August 2009

UGH. ok… I installed everything and it was not really working. As I was unable to get anything to happen when I clicked on the browser button. So, I went back through it today and now I am getting the BLANK SCREEN that Lee was getting. I can’t even get the login screen!!!! THis is really scary. My site was totally finished for my client and now I can’t get to it.

I deleted all of the files from my server and still have blank screen.

Please, please help. ASAP :(

wil.linssen

25th August 2009

@robin do you have errors turned on in PHP? Could be a PHP error (1), or you might want to disable the extension in the database (2).

1) turning on PHP errors: either change your php.ini file, use the ini_set() function or add a php.ini file in the top directory with the following:

display_errors = On
error_reporting = E_ALL

2) delete the extension from the database with the following sql:

DELETE FROM `exp_extensions` WHERE class = ‘Lg_tinymce’

Try both of those and see what you get.

robin

25th August 2009

Hey Wil

Okay.. it turns out that then I deleted the LG addon updater ext it broke everything. So, I reuploaded that and I can get back in.

PHEW.

Next question - not sure if your reply was in response to this -

When I click on the add image button I am getting the pop up window but it’s blank and nothing else happens.

I don’t how to create or read PHP code so, you may have to work with me a bit here and tap into your patience wink

Let me know what I might be doing wrong
Thanks!

robin

25th August 2009

alright. NM. I downloaded your packaged items and did get the browser window to pop up along with the option to browse.

At this point all seems to be working as it should.

Sorry for being a ding a ling smile
And thank you for posting this!!!

Kevin

27th August 2009

I have a security advice to everybody who uses this!
As earlier pronounced here, the plugin as displayed here is not save. Everybody is able to brose to your upload.php file and use that to install any software of whatever..

So i looked into some security things and 1st of all, i added a cookie check, it basiccally checks whether you have a cookie registered from expression engine, This gave 2 major problems:
1. easy XSS hack
2. Not really easy to do for “normal” people.


So what i did, I builded a .htaccess file, which does 2 things:
1. deny all users from another IP-adress then mine.
2. Ask for a username and password

I placed this .htaccess file in the /scripts directory.

So should you do?

At least I would consider using the “Deny All IP-adresses but the onces i use”-solution, if you need to acces your system daily from other IP-adresses, then you would be better of using a username-password security.

Eventually, if more people need to use it and you are a bit of a technician, you could ask for cookie registration or you could use the EE api to check whether someone is logged in.

I myself use a very basic version of the “Cookie-check” and the both .htaccess checks.

If you want to know how to do all this, i would consider searching google, there’s a wide variation of tutorials and howto’s available for .htaccess security.

And, last but not least, @wil linssen, I would consider an email to all people who posted a comment to this thread, some of them actually gave their domain-name away, this is a very big security flaw..

Danielle

29th August 2009

Hey there! Thanks for a great guide on installing these extensions.

I have a small issue though. I am able to open the TinyBrowser, view uploads and thumbnails, but am UNABLE to upload anything. I am not getting any errors. When I click the Upload tab, the box is empty.

Does it matter that I do not have EE installed at the root? That is the only issue I can think of. Any assistance would be greatly appreciated. Thanks!

wil.linssen

29th August 2009

The upload tab is flash driven, I’d suggest it’s probably just looking for the flash in the wrong place?

johan

3rd September 2009

I believe there’s a “” missing in step 12:
$r .= “n” . ’ etc.

Steven

4th September 2009

I’ve been looking for instruction how to setup TinyBrower, and this one is the best—it works for me. I couldn’t any such info on the plugin author’s page. Thanks a lot, Wil.

robin

5th September 2009

Hey there -

For some reason, the file upload button isn’t showing up on my tinymce??? That piece is detrimental. Any idea why it wouldn’t be showing up?!

robin

15th September 2009

Any way of figuring out how to make the File Upload button show up??? I don’t know where to go to direct it to look in the right spot… I have talked to Tiny MCE but they tell me that I have to talk to the tinybrowser people and that doesn’t really help me either as I cannot find any people associated with that other than you smile

I REALLY need to have the file upload tool working otherwise the whole thing will have to get trashed :(

your help is greatly appreciated!

stefan

17th September 2009

Hi all,

Regarding the javascript error, don’t forget to add the reference in step12 on both sides of the if statement smile

// if we have gzip enabled
f($this->settings[‘enable_gzip’] == ‘y’)
{

—add it here

and
// else add the normal tinymce script
else
{
—add it here

Te3d

9th October 2009

This was great…I ran into one complication which I’m posting in case anyone else runs into it. After installation, I received the error “/cgi-system/tinybrowser.php was not found on this server”

In order to get tinyBrowser to work properly, I had to go into the file “tb_tinymce.js.php” an manually set the file path to “tinybrowser.php” - replacing the line

$tbmain = $tbpath[‘dirname’].’/tinybrowser.php’;

- with the correct full path.

Once that was done, all seemed to work…I just uploaded an image and included it in a post without further incident.

Thanks.

timmo26

13th October 2009

This is a fantastic tut.

It all works a treat except…

Is there anyway to set what the file permissions will be on upload? The folder ‘images’ is set to 755, but each time I upload a file it sets the image itself to 600…how do I stop this?

jen

21st October 2009

I am unable to upload files such as .doc .pdf etc. I can get the image upload to work but the file upload button doesn’t show up.

What should I do???

MaxLazar

23rd October 2009

2jen: did you try to use LINK button?

jen

23rd October 2009

OH the link button works for that type of operation!! Thank you for your help…. However, that is NOT very straight forward… any suggestion of how to make that more user friendly for clients????

I, as a designer, had NO clue that that would achieve the result I was looking for and I can imagine that other people would overlook that option.

Thoughts?

Andrew Philpott

12th November 2009

Thank you so much. This is amazing.

staaf

22nd November 2009

I had tinymce, I wanted the filebrowser… Installed your code (downloaded… ) and now I don’t see tinymce anymore… :(

please HELP…

Wil Linssen

23rd November 2009

@staaf my advice would be to just re-install LG TinyMCE, that should overwrite any alterations this code will have added.

Philly

2nd December 2009

Just like to point out to that if your migrating your site from a dev environment or to a new server remember to make the thumbs directory writable!

Wasted a good 20 minutes there.  Oh well.

Nelly

9th December 2009

Thanks for this article, it was very useful!

Some notes that might help somebody else:

1. If you modified the TinyMCE Config before installing this, make a backup, it will be restored to the default when you edit the extension.

2. This *will not work* if tinymce is not in the scripts directory. Just move it there, nothing will happen.

I still have a problem: when I click on a thumbnail, nothing happens. The image is not inserted in the image window. Anybody has an idea why?

Nelly

9th December 2009

Ok, I might have found a clue about that problem (but I have no idea how to solve it).
I get the following Javascript error when I click on a thumbnail:

selectURL is not defined
function onclick(event) { selectURL(”/images/uploads/prod_tangkueiplus.jpg”) ...

I googled the error and found out most people have a complete site path instead (http://...) But I still don’t know how to fix it.

Wil Linssen

10th December 2009

@Nelly - does that relative path exist? You could always set the TinyBrowser config to use a different (absolute) path. It could also be worth setting the TinyMCE relative path setting as well:

tinyMCE.init({
  ...
  relative_urls : false
});

Mark

10th January 2010

I just found this post. Pardon me if this is asking the obvious but ... So with this hack a client will be able to insert multiple images anywhere, as they see fit. Is that correct?

Thanks in advance. Either way this looks useful, I’m just a bit drained and trying to wrap my head around it. Thx

Steve Garcia

29th January 2010

The thread’s starting to get a little long so I just skimmed through it so if my questions already been answered, then sorry for the repetition.

I’m getting ready to upgrade to EE 2.0 from 1.6.8. According to Ellis Lab, third-party add-ons won’t work unless 2.0 compliant. Is TinyBrowser 2.0 compliant or will it break once upgraded to 2.0?

TB works great and hope that I can continue using it with EE 2.0. Thanks!

R.BIRD

29th January 2010

@Steve Garcia - You really don’t need TinyBrowser, TinyMCE or anything like them in EE 2.0, since its integrated WYSIWYG editor and image upload manager are vastly improved over 1.x.

lebisol

29th January 2010

@R.BIRD
Yes you do…images are still not really inserted into entries but rather EE tags. Visually EE is still behind when it comes to content entry; improved they have but….
This tutorial still holds value.

Danielle LeComte

19th February 2010

Hi there!

Has anyone had any luck getting this to work w/ MSM??

csemrm

7th March 2010

Dear all
  I am tried to add tinybrowser in tinymce editor for general website am follow all instruction as your descriptions. I am following the following instruction:
•  Copy tinybrowser in plugins folder
•  Add “file_browser_callback : ‘tinyBrowser’,” in bellow “theme : “advanced”,”
•  “‘tinyBrowser’” add in plugins list

[removed]

Wil Linssen

7th March 2010

@csemrm have you downloaded TinyBrowser and installed it to TinyMCE’s plugin folder, and are all the folder paths exactly the same as in the example?

csemrm

7th March 2010

Dear Wil Linssen
Thanks for your response.yah I have completed step 14 to 15. Now its show the following window, but nothing happens when I click in icon .please helps me if any modification in tinybrowser folder file.plz see the following url to see window.

http://www.archianatechnology.com/untitled.JPG

milon

7th March 2010

Hello brother
  I am tried to add tinymce with tiny browser. I am downloaded this file http://www.wil-linssen.com/wp-content/uploads/2009/01/tinymce-with-tinybrowser.zip 
And I am follow step 14, 15. Please tell me what the necessity “system” folder .by the way my main problem, when I click image browse icon nothing happens. Please help me

how to integrate this tinyBrowser in Magento.

9th April 2010

Hello,

Here i want to integrate this tinyBrowser in magento.
The directory structure of magento is like this.

magento/app
magento/js
magento/js/tiny_mce/{all file and folder of tiny_mce}

here in magento all the js file are under the magento/js/ path.

So can u please help me out how can i use this tinyBrowser in magento..

Thanks,

Jignesh

Nell

9th April 2010

Jignesh, there are already extensions to implement this in Magento: http://www.magentocommerce.com/magento-connect/Fontis/extension/586/fontis-wysiwyg-editor/

It’s very easy, just install and configure. If you use Magento 1.4, there already is a wysiwyg installed by default, so you don’t need this.

Michael Chase

23rd July 2010

Hi Wil. Can you tell me what is calling this file:

tinymce/jscripts/tiny_mce/plugins/tinyBrowser/editor_plugin.js

I am not able to open tinyBroswer with the icon for images. The one for links (files other than image) works fine, just not the images icon.  I noticed that I get an error in my error console asking for the above file, but it doesn’t exist. Any advice?

Thanks!

Leave a comment

Your email is never ever shared, and required fields are marked with *

*

*

Used for Gravatars



Sorry folks, uses the "nofollow" attribute

*


My apologies for this nonsense: please type the word you see below.



Copyright © 2009 Wil Linssen all rights reserved

Wil-Linssen.com is powered by ExpressionEngine: it's good, go and get it.