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/23/2009 6:38:22 PM
Gravatar
Total Posts 34

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

Just want to say so far I really, really like this CMS,  and the new TinyMCE would be a perfect addition.

8/24/2009 10:44:01 PM
Gravatar
Total Posts 215

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

Joe, I'm running the latest version on one of my servers and notice that bug is still in the file manger where folders repeat forever. Here's a screen shot showing what I mean:

http://www.proactivedesign.net/_admin/upload-area/files/bug.gif

8/25/2009 6:28:07 AM
Gravatar
Total Posts 18439

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

The problem is the spaces in the file and folder names. The editor won't let you create folders or files with spaces but if your file tree has them it causes this problem because it fails to match the selected path vs the current folder. I could not find a good solution other than to not use spaces in folder and file names which I think is a best practice anyway for the web because otherwise you end up with ugly urls with escape characters.

Hope it helps,

Joe

8/25/2009 8:16:33 AM
Gravatar
Total Posts 215

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

Problem is I've built a couple Flash photo galleries that dynamically read files/folders from a directory. They use the folder names as the photo gallery sub-directory names. So spaces and capitilaliztion are necessary in this instance mainly.

Note this example: (the folder names are making up the gallery categories, it would look bad if there were dashes in there).
http://newsite.dsaw.org/photo-gallery.aspx

Well, I'll have to give it some thought and see about a work around.

8/25/2009 8:29:27 AM
Gravatar
Total Posts 18439

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

Hi Eric,

I am forcing lower case but you can override that with these config settings:

<add key="ForceLowerCaseForFolderCreation" value="true" />

<add key="ForceLowerCaseForUploadedFiles" value="true" />

by changing to false. The reason I make the lower case is in case you ever later wanted to move the site to linux/mono/apache hosting where file names and urls are case sensitive.

I don't have a solution about the spaces other than you could just use FCKeditor. Or maybe you could modify the Flash to replace dashes with spaces for display.

Hope it helps,

Joe

8/25/2009 8:32:43 AM
Gravatar
Total Posts 215

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

Yep, I'm thinking to possibly replace dashses with spaces and Capitalize each word of the flash directory on the fly.

I agree completely with you about spaces and lower-case. Just was this gallery I didn't think about... I'll get it!

Thanks again,

8/25/2009 9:00:20 AM
Gravatar
Total Posts 215

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

Hey Joe, In the new TinyMCE file manager how do users delete files and folders? Maybe not a feature yet... but thought I'd ask.

8/25/2009 9:13:35 AM
Gravatar
Total Posts 18439

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

Yeah, not a feature yet, FCKeditor doesn't have it either so I was just trying to get to equivalent functionality. Its not trivial at all to do what you suggested previously showing a delete button next to folders and files. I thought about enabling a delete button next to the select button but it would only be unambiguos for files. Since folder selection does not appear there it might be unclear what is about to be deleted. Complex enough problem that I punted on it for now.

Best,

Joe

8/25/2009 9:18:01 AM
Gravatar
Total Posts 215

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

I see, thanks for the quick responses. I wonder how my users will delete stuff though? hmmm

8/25/2009 9:21:45 AM
Gravatar
Total Posts 18439

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

Probably I will implement some variation of the File Manager separate from the editor that limits user access to the same folders but allows more functionality for managing files. Then the editor can be just for quick browse uploads while creating content. I'll ponder it.

Best,

Joe

8/25/2009 10:43:22 AM
Gravatar
Total Posts 215

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

Hello, back on this task. I made some modifications to the MCEFileDialog.aspx (file explorer) and wanted to get your feedback. Here's a screen shot:
http://www.proactivedesign.net/_admin/upload-area/files/mojoportal/file-manager/file-manager-preview.gif

And here's the new .aspx file you could download: (it goes in the /dialog/ folder within mojo)
http://www.proactivedesign.net/_admin/upload-area/files/mojoportal/file-manager/MCEFileDialog.zip

What I've done:

  1. Images are limited to a fixed width and height. Smaller images still display at their true size, but larger (say 900px) images only display at 450px for example. Makes previewing nicer I think. A lot of users are stupid and upload 300dpi images (sigh).
  2. I also modified the interface a little and added some instructions.
  3. For selecting a file I just list the path without the form field showing, seems cleaner.

Note: See how I have the "delete this file" link? That doesn't actually work right now....but maybe someone with programming knowledge could help here. I would think we could grab the file path at this preview point and then delete the file. I confirmation box would be nice (are you sure you want to delete). This would at least allow file deletion which I feel is critical.

Thoughts?

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