Bester TinyMce-Editor Bildmanager / Datei-Upload für Asp.net Mvc [geschlossen]
-
09-06-2019 - |
Frage
Welcher Bildmanager lässt sich am besten in den TinyMce-Editor integrieren, abgesehen von den offiziellen kommerziellen Moxiecode-Versionen?
Ich möchte einen leichten Texteditor in eine asp.net-MVC-Anwendung integrieren und habe mich für die Tinymce-Lösung entschieden (und nicht für den klassischen FCKEditor, da dieser leichter und jquery-freundlicher erscheint).
Leider verfügt TinyMce nicht über einen integrierten Image Manager oder Document Manager wie FCKeditor, sondern Sie müssen diese als Plugins von Moxiecode kaufen.
Ich habe nach anderen Plugins gesucht, aber bis jetzt habe ich keine anständige und einfache Lösung gefunden, die mit dem asp.net MVC-Framework funktioniert.
Irgendwelche Vorschläge?
Lösung
Es gibt einige Open-Source-Plugins auf SourceForge,
http://sourceforge.net/tracker/?group_id=103281&atid=738747(nach Bild suchen)
Die Plugin-Architektur ist leicht zu verstehen, wenn Sie Javascript beherrschen.Wenn Sie die Zeit haben, könnten Sie Ihre eigene einführen.
Andere Tipps
Ajax-Dateimanager http://filemanager.3ntar.net/kostenlos und cooool
Dies ist eine Integration von TinyMCE mit FCKEditor File Upload Manager in ASP.NET MVC 3, sollten Sie es versuchen: http://tinymcefckfilemanger.codeplex.com/
http://www.ilyax.com/imagebrowser/ kostenlos und am besten :)
Du kannst es versuchen: http://tinymcefckfilemanger.codeplex.com/
Allerdings müssen Sie einige Anpassungen vornehmen, damit es funktioniert!
:)
Ich denke, das ist die beste Lösung
http://www.andyarndt.net/TinyFileManager.aspx#sthash.4MgLV1Oi.dpbs
Carlton:Alfresco scheint eine Java-basierte Lösung zu sein.Ta:Ich habe mir die Plugin-Ordner angesehen, aber keiner war wirklich gut für asp.net mvc.Was ich jetzt teste, ist eine Mischung aus Tiny und dem Bild-Uploader von FCKEditor:Dies ist die Pho-Version, aber ich denke, es ist ziemlich einfach, sie in .net zu konvertieren [Tinyfck][1]
Ich habe gerade ein Projekt zu Codeplex gestartet, das sich gut in ASP.NET MVC 2 integrieren lässt.Lassen Sie mich wissen, wenn jemand helfen möchte ...Ich möchte bald das Zuschneiden (über JCrop) und die Größenänderung integrieren.
http://aspnetadvimage.codeplex.com/
Das Beispielprojekt können Sie im Reiter „Quellcode“ herunterladen.
Dieser funktioniert für asp.net mvchttp://aspnetadvimage.codeplex.com/SourceControl/list/changesets
Alte Frage.Es wäre jedoch für jemanden hilfreich.
http://www.andyarndt.net/TinyFileManager.aspx ist eine .net-Webanwendung.Funktioniert auch gut mit Webformularen.Sie können kleine Anpassungen vornehmen, damit es auch mit MVC funktioniert.
Bearbeiten:
Sie können sich auf die Beispielanwendung beziehen, die in bereitgestellt wird Github TinyFileManager.NET Informationen zur Konfiguration und zum Nachschlagen finden Sie in der auf der oben genannten Seite genannten Dokumentation.
Benutzerdefiniertes CSS, um einige Konflikte mit Bootstrap Version zu vermeiden.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-Steuerung:
<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");
});
}
});
Speichern Sie beim Speichern der Datenbank direkt und verwenden Sie beim erneuten Binden das Textfeld HttpUtility.HtmlDecode()
.