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(/'/g, "&apos");
});
}
});
When saving the database, save directly, and when re-binding, to the textbox, use HttpUtility.HtmlDecode()
.