Best TinyMce editor Image Manager / File upload for Asp.net Mvc [closed]

Answer 1

Old question. However, it would be helpful to someone.

http://www.andyarndt.net/TinyFileManager.aspx is a .net web application. Works fine with webforms as well. You can do bit customization to get it worked with MVC as well.

---

Edit:

You can refer to the sample application provided in Github TinyFileManager.NET to how to configure and refer the documentation mentioned in above mentioned page.

Custom CSS to avoid some conflicts with Bootstrap ver. 3.x.x:

    div.mce-fullscreen
    {
        z-index: 1030;
    }
    div.mce-edit-area
    {
        border-width: 1px !important;
        border-left-width: 0 !important;
        border-bottom-width: 0 !important;
    }
    .mce-combobox .mce-btn
    {
        width: 44px !important;
        height: auto !important;
    }
    .mce-combobox .mce-btn button
    {
        padding-right: 0;
        padding-left: 0;
    }

ASP.net Control:

 <asp:TextBox ID="txtAnnouncements" runat="server" TextMode="MultiLine" AutoComplete="off"
                CssClass="form-control elm1"></asp:TextBox>

TinyMCE Javascript:

    tfm_path = '/fileman';
    tinymce.init({
        //            document_base_url: "http://localhost:58841/",
        //            relative_urls: true,
        selector: "textarea.elm1",
        mode: "specific_textareas",
        editor_selector: "tinymce",
        theme: "modern",
        // width: 300,
        height: 300,
        plugins: [
    "advlist autolink lists link image charmap print preview hr anchor pagebreak",
    "searchreplace wordcount visualblocks visualchars code fullscreen",
    "insertdatetime media nonbreaking save table contextmenu directionality",
    "emoticons template paste textcolor "
],
        //    content_css: "css/content.css",
        toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | forecolor backcolor emoticons | bullist numlist outdent indent | link image | print preview media fullscreen ",
        image_advtab: true,
        encoding: "xml",
        setup: function (editor) {
            editor.on("SaveContent", function (i) {
                i.content = i.content.replace(/&#39/g, "&apos");
            });
        }
    });

When saving the database, save directly, and when re-binding, to the textbox, use HttpUtility.HtmlDecode().

Answer 2

This is an integration of TinyMCE with FCKEditor File Upload Manager in ASP.NET MVC 3, should give it a try: http://tinymcefckfilemanger.codeplex.com/

Answer 3

You can try: http://tinymcefckfilemanger.codeplex.com/

However, you must have some customizes to make it work!

:)

Answer 4

There are a couple of open source plugins on SourceForge,

http://sourceforge.net/tracker/?group_id=103281&atid=738747 (search for image)

The plugin architecture is easy to understand if you know Javascript. If you have the time you could roll out your own.

Answer 5

I think this is the best solution

http://www.andyarndt.net/TinyFileManager.aspx#sthash.4MgLV1Oi.dpbs

Answer 6

http://www.ilyax.com/imagebrowser/ free and best :)