WYSIWYG file manager/image editor (FCK/TinyMCE)

This forum is only for questions or discussions about working with the mojoPortal source code in Visual Studio, obtaining the source code from the repository, developing custom features, etc. If your question is not along these lines this is not the right forum. Please try to post your question in the appropriate forum.

Please do not post questions about design, CSS, or skinning here. Use the Help With Skins Forum for those questions.

This forum is for discussing mojoPortal development

This forum is only for questions or discussions about working with the mojoPortal source code in Visual Studio, obtaining the source code from the repository, developing custom features, etc. If your question is not along these lines this is not the right forum. Please try to post your question in the appropriate forum.

You can monitor commits to the repository from this page. We also recommend developers to subscribe to email notifications in the developer forum as occasionally important things are announced.

Before posting questions here you might want to review the developer documentation.

Do not post questions about design, CSS, or skinning here. Use the Help With Skins Forum for those questions.
This thread is closed to new posts. You must sign in to post in the forums.
8/12/2009 8:04:44 AM
Gravatar
Total Posts 194

WYSIWYG file manager/image editor (FCK/TinyMCE)

I'm looking into the WYSIWYG editors provided within the CMS and trying to determine the best one to go with. Along with this I'd really like to have a better file/upload/image editor as well (even if it costs a little something). The default FCK option works OK, but I've had experience with TinyMCE on other projects and it feels more polished to me. They offer (for purchase) a really nice file manager and image editor plug-in as well.

I'm mostly curious if anyone has successfully implented any advanced functionality around this topic. Anyone get TinyMCE working with it's plug-ins? I suspect this isn't easy out fo the box with the way it needs to integrate with mojoPortal. Or maybe there's a plug-in for FCK that does the file manger/image editing that will integrate easier?

My clients are all computer boneheads and I need their experience to be as simple as possible, yet functional. They need to upload and manage documents and photos and do not have image editing software on their computers. This is why an image editing plug-in would be great, all it needs to do is resize, compress and save. And then if the file manager could limit them to one main "content" folder where they don't see any other directories that would be ideal, thumbnail previews would be great too :)

Thanks for any help that's out there or pointing me to an existing post if there is one, I looked but didn't find much.

8/13/2009 5:35:18 AM
Gravatar
Total Posts 18439

Re: WYSIWYG file manager/image editor (FCK/TinyMCE)

My ultimate goal is to build that kind of functionality in a way that I can plug it in to the various supported editors but its not a trivial development task. I can't use commercial add ons so I have not pursued looking into integration with them. I know that there exists CKFinder for FCKeditor but I don't know the integration details. I have my eye on CKeditor which is the replacement for FCKeditor, but currently FCKeditor is the only one that has image browse and upload out of the box, though it does not have thumbnail browsing nor image resizing.

The version of TinyMCE we have is admittedly very old, I tried to upgrade once but it broke so I backed out of it, when I get a chance I'll give it another try. But currently the Content Templates and Style system is only integrated with FCKeditor so that is the editor I use and recommend most at the moment.

Best,

Joe

8/13/2009 9:14:36 AM
Gravatar
Total Posts 194

Re: WYSIWYG file manager/image editor (FCK/TinyMCE)

Thanks for the feedback.

Or maybe you integrate a commercial upload/image editor as an add-on module? Add the cost of the commercial license and $50-$75 for you. Maybe the module costs $150 or so (just guessing)? Just an option that might be easier/quicker and free up development time. I'd spend $150 today if there was a solution I could just plug-in.

8/14/2009 5:40:03 AM
Gravatar
Total Posts 18439

Re: WYSIWYG file manager/image editor (FCK/TinyMCE)

Just fyi, yesterday I spent the day struggling to get the newest version of TinyMCE working. There was a bug in it that was preventing it from updatng the textarea so it was not updating the content back on the server. Its supposed to automatically detect when the form submits and update the text area with the content from the iframe wysiwyg. Anyway I conquered in the end, it turns out if you instantiate the editor using exact mode with the id of the textarea it has this bug where it never updates, but if you instantiate based on a css class it works.

So, now that we will have the new TinyMCE I'm looking at integrating the content templates and styles and then building my own image browser for it. Have to admit their documentation is very good, its more clear how to build a plugin for it than for FCKeditor or CKEditor. I really need to be working on my next product Fund Raiser Pro but sometimes I can't help myself and have to work on what is interesting to me at the moment. ;-)

Best,

Joe

8/14/2009 9:31:25 AM
Gravatar
Total Posts 18

Re: WYSIWYG file manager/image editor (FCK/TinyMCE)

We have successfully integrated the Tereik WYSIWYG editor into our Mojo Portal Solution, and have also written some features around the Image, Flash and Document managers. Telerik provide some verygood tools, but unfortunately they are not cheap.

In order to integrate the RadEditor (Teleriks WYSIWYG editor), Itook one of the existing editor providers and edited it. It didn't take too long and was quite easy.

Kev

8/14/2009 9:35:54 AM
Gravatar
Total Posts 194

Re: WYSIWYG file manager/image editor (FCK/TinyMCE)

You rock!  I also have used both FCK and TinyMCE, I really like Tiny as well and you're right, the documentation is excellent - many options that can be tweaked. FCK always feels a little clunky to me from a UI perspectice, but both do the job.

My offer below stands, so when the upload/image tool is complete I'll be donating $150 to your work. Thanks.

 

*Somewhat related, but it would be nice it Content authors/admins/editors could only see ONE folder in the "files/upload" area. Ideally they'd have just one choice as far as where they should store all their PDF/Word/videos/images/etc. They should be allowed to create sub-directories, but not see all the other more admin type of folders in the files area. Too many confusing options for one, and possibly dangerous if they start mucking up the skins folder for example.

8/17/2009 5:19:20 AM
Gravatar
Total Posts 18439

Re: WYSIWYG file manager/image editor (FCK/TinyMCE)

Kevin,

I'm sure others would love to be able to use the provider you implemented if you wanted to share it on the Community Downloads

Eric,

I can't help myself, I'm in the process of building a file browser/manager for TinyMCE. Already got the browsing part working. Not sure it will have image resizing in the first iteration but it does allow previewing the images so its going to be a little better than what we have in FCKeditor today.

I've also got the content templates and content styles integrated and working in TinyMCE. Have a feeling I will be making TinyMCE the default on new installations.

Cheers,

Joe

 

8/19/2009 2:20:58 PM
Gravatar
Total Posts 18439

Re: WYSIWYG file manager/image editor (FCK/TinyMCE)

Hi all,

Just a quick post to mention I've uploaded the latest build to demo.mojoportal.com which has the new TinyMCE file browser and I've set it as the editor though of course someone may change it in site settings.

Would be interested in your feedback. One thing I noticed right away after trying it on the demo was that I need a way to get back to the root folder once you have drilled down to other folders. Will work on that tomorrow, for now you could dismiss the dialog and open it again.

Been working on this the past few days,it has not been without its challenges but its been kind of fun. Definitely this is going to be easier to evolve since the dialog itself is in .NET whereas in FCKeditor the dialogs are using a built in html frameset and all you can do is supply xml data. 

Notice that content templates and content styles work too.

Admins get to browse/upload from /Data/Sites/[SiteID]/ but non admins can either browse/upload to  /Data/Sites/[SiteID]/media/ or /Data/Sites/[SiteID]/userfiles/[UserGuid]/ depending on the permission settings I've added in site settings under Security > Permissions

Have a look and let me know what you think.

Best,

Joe

8/19/2009 2:39:36 PM
Gravatar
Total Posts 2187

Re: WYSIWYG file manager/image editor (FCK/TinyMCE)

Well, you've been really busy. I really like the changes you have made with the security/permissions stuff and the TinyMCE changes are great! I think a lot of people are going to love using TinyMCE vs FCKEditor.

I made some changes to FCKEditor yesterday to make it show thumbnails for images. Problem is, it tries to show thumbnails for everything else too. I'll keep that on my site until the next mojo release.

I think making TinyMCE the default will be a good step considering FCKEditor is being replaced by CKEditor anyway.

A paginated view of thumbnails for the TinyMCE preview functionality would be nice because clicking on each file to see the preview takes a while to find what you are looking for. That kind of functionality isn't immediate though becuase what you have done is so much better than what we have with FCK anyway!

Thanks for your hard work!

-Joe D.

8/19/2009 2:48:38 PM
Gravatar
Total Posts 2187

Re: WYSIWYG file manager/image editor (FCK/TinyMCE)

Oh yeah, one more thing. TinyMCE doesn't appear to have the very annoying extra <p> tag issue like FCKEditor!

8/19/2009 3:10:09 PM
Gravatar
Total Posts 194

Re: WYSIWYG file manager/image editor (FCK/TinyMCE)

Yea, this is looking SWEET! It's much more user friendly and easy to figure out. The TinyMCE feels more modern and sexy too. Here are my comments/questions so far:

1) The permissions for uploading is HUGE, I greatly appreciate that one. My users are idiots and this is the only way I'd trust them editing their web site. Very, very cool.

2) The file manager/image viewer is greatly improved. Previewing the images was critical.
    - I don't see a way for content publishers to "delete" files in the file manager. Maybe a little red X next to the left of each file name?
    - Not sure how possible, but possibly a "max" prevew size limitator. People are going to upload 800x800 photos and it would be nice if the preview wasn't quite that large. Not critical but a nice to have.
    - It might be good to rearrange the file manger interface a little so it's clearer how to create a new folder, upload a new file and make a file selection. The form fields could be shorter to give you more room, most authors will only be visually looking at this and don't know what the paths mean anyhow. If there was a way so that at each folder level it was somehow clearer where you are so when a user uploads or creates a new folder it goes in the right place. If you're curious I could put a graphical layoutout togeter for you just as food for thought. Nothign too fancy, just to break the options up a little.
    - If you are previewing a larger image the list of files folders centers next to the image instead of staying at the top. Aligning to the top so it stays in that position would be better.
    - There's a bug in the demo area. Log in as eric@eric.com / eric and go to file manager. If you click on the eric test folder I created it keeps repeating itself and the files over and over and over again.
   - I like the way the folders expand and collapse, very elegant!

I'll play around more later!!! Gotta run.....

You must sign in to post in the forums. This thread is closed to new posts.