Ok this was my first time at trying to mod a javascript WYSIWYG editor. My goal was to create a TinyMCE image upload plugin for ASP.NET. I just recently started using TinyMCE as my editor of choice and noticed that it was not convenient in anyway to insert an image to the editor. By default the "advimage" plugin only allows you to point to an existing image via a URL. Well, in my opinion this is kind of worthless because users will want to insert a new image from their own computer while creating content. What I did was modify the advimage plugin to include such functionality. I did try searching the exisiting third party plugin site for TinyMCE but solutions either required PHP or the ones in .NET were not and "AJAX" like UI. Because I'm a .NET guy I made a simple image uploader tool that is now part of the advimage plugin.
I would like to post the code of what I did, but I think this post would be a bit difficult to read. However, I did leave comments in the image.htm file. I've set this up on codeplex so please go to the project site to download the the files needed. Both the source and just the files you need are available for download.
Project Location: http://tinyslupload.codeplex.com
Overall concept of changes:
- Added a generic handler to handle the image upload into the directory specified
- Created a Silverlight 3 application that performs a file upload with a progress bar indicator
- Modified the image.htm file to include a new tab with the silverlight application in there
- Modified the javascript language file to include 2 new variables
- Added the Silverlight.js file
Screenshots
Project Location: http://tinyslupload.codeplex.com
cc315ad5-cb04-45ac-bba8-444405f35a78|0|.0
ASP.NET, Silverlight
tinymce