古い質問。しかし、それは誰かに役立つでしょう。
http://www.andyarndt.net/TinyFileManager.aspxは .net Web アプリケーションです。Webフォームでも問題なく動作します。少しカスタマイズして、MVC でも動作させることができます。
編集:
Github TinyFileManager.NETで提供されているサンプル アプリケーションを参照して、上記のページに記載されているドキュメントを構成および参照することができます。
Bootstrap バージョンとの競合を避けるためのカスタム CSS。3.xx:
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 コントロール:
<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");
});
}
});
データベースを保存する場合は直接保存し、再バインドする場合はテキストボックスに保存しますHttpUtility.HtmlDecode()
。