Miglior editor TinyMce Gestore immagini / Caricamento file per Asp.net Mvc [chiuso]
-
09-06-2019 - |
Domanda
Qual è il miglior gestore di immagini da integrare nell'editor TinyMce oltre a quelli commerciali ufficiali di Moxiecode?
Sto cercando di integrare un editor di testo leggero in un'applicazione mvc asp.net e ho scelto la soluzione Tinymce (e non il classico FCKEditor in quanto sembra più leggero e più compatibile con jquery).
Purtroppo TinyMce non viene fornito con Image Manager o Document Manager integrati come FCKeditor ma è necessario acquistarli come plug-in da Moxiecode.
Ho cercato altri plugin ma fino ad ora non ho trovato alcuna soluzione decend e leggera che funzioni con il framework asp.net mvc.
Eventuali suggerimenti?
Soluzione
Ci sono un paio di plugin open source su SourceForge,
http://sourceforge.net/tracker/?group_id=103281&atid=738747(cerca immagine)
L'architettura del plugin è facile da capire se conosci Javascript.Se hai tempo potresti realizzarne uno tuo.
Altri suggerimenti
Gestore di file Ajax http://filemanager.3ntar.net/gratuito e fantastico
Questa è un'integrazione di TinyMCE con FCKEditor File Upload Manager in ASP.NET MVC 3, dovresti provarla: http://tinymcefckfilemanger.codeplex.com/
http://www.ilyax.com/imagebrowser/ gratuito e migliore :)
Puoi provare: http://tinymcefckfilemanger.codeplex.com/
Tuttavia, è necessario disporre di alcune personalizzazioni per farlo funzionare!
:)
Penso che questa sia la soluzione migliore
http://www.andyarndt.net/TinyFileManager.aspx#sthash.4MgLV1Oi.dpbs
Carlton:Alfresco sembra essere una soluzione basata su Java.Ta:Ho esaminato le cartelle dei plugin ma nessuna era davvero valida per asp.net mvc.Quello che sto testando ora è un mix tra Tiny con l'uploader di immagini di FCKEditor:questa è la versione pho ma penso che sia abbastanza semplice convertirla in .net [Tinyfck][1]
[1]:Questo: http://p4a2.crealabsfoundation.org/tinyfck
Ho appena avviato un progetto su codeplex che si integra perfettamente con ASP.NET MVC 2.Fatemi sapere se qualcuno vuole aiutarmi...Sto cercando di integrare presto il ritaglio (tramite JCrop) e il ridimensionamento.
http://aspnetadvimage.codeplex.com/
È possibile scaricare il progetto di esempio nella scheda "Codice sorgente".
Questo funziona per asp.net mvchttp://aspnetadvimage.codeplex.com/SourceControl/list/changesets
Vecchia domanda.Tuttavia sarebbe utile a qualcuno.
http://www.andyarndt.net/TinyFileManager.aspx è un'applicazione web .net.Funziona bene anche con i moduli web.Puoi eseguire la personalizzazione dei bit per farlo funzionare anche con MVC.
Modificare:
È possibile fare riferimento all'applicazione di esempio fornita in Github TinyFileManager.NET su come configurare e fare riferimento alla documentazione menzionata nella pagina sopra menzionata.
CSS personalizzato per evitare alcuni conflitti con 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;
}
Controllo ASP.net:
<asp:TextBox ID="txtAnnouncements" runat="server" TextMode="MultiLine" AutoComplete="off"
CssClass="form-control elm1"></asp:TextBox>
Javascript TinyMCE:
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");
});
}
});
Quando si salva il database, salvare direttamente e, quando si riassocia, alla casella di testo, utilizzare HttpUtility.HtmlDecode()
.