Mejor editor de imagen de TinyMce Administrador de imágenes/carga de archivo para Asp.net Mvc

asp.net-mvc .net-2.0

Question

¿Cuál es el mejor Administrador de Imágenes para integrar en el editor TinyMce aparte de los comerciales oficiales de Moxiecode?

Estoy buscando integrar un texto ligero en una aplicación asp.net mvc y elegí la solución Tinymce (y no el clásico FCKEditor, ya que parece más liviano y más amigable con jquery).

Tristemente, TinyMce no viene con el Administrador de imágenes o el Administrador de documentos integrados como FCKeditor, pero debes comprarlos como complementos de Moxiecode.

He buscado otros complementos, pero hasta ahora no he encontrado ninguna solución ligera y decente que funcione con asp.net mvc framework.

¿Alguna sugerencia?

Answer 1

Acabo de comenzar un proyecto en Codeplex que se integra muy bien con ASP.NET MVC 2. Avíseme si alguien quiere ayudar ... Estoy buscando integrar el recorte (a través de JCrop) y el cambio de tamaño pronto.

http://aspnetadvimage.codeplex.com/

Puede descargar el proyecto de muestra en la pestaña "Código fuente".

Answer 2

Ajax File Manager http://filemanager.3ntar.net/ gratis y cooool

Answer 3

Carlton: Alfresco parece ser una solución basada en Java. Ta: He investigado las carpetas de complementos, pero ninguna fue realmente buena para asp.net mvc. Lo que estoy probando ahora es una mezcla entre Tiny y el cargador de imágenes de FCKEditor: esta es la versión de pho, pero creo que es bastante fácil de convertir a .net [Tinyfck] [1]

[1]: esto: http://p4a2.crealabsfoundation.org/tinyfck

Answer 4

Creo que esta es la mejor solución

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

Answer 5

Esta es una integración de TinyMCE con FCKEditor File Upload Manager en ASP.NET MVC 3, debería intentarlo: http://tinymcefckfilemanger.codeplex.com/

Answer 6

Este funciona para asp.net mvc http://aspnetadvimage.codeplex.com/SourceControl/list/changesets

Answer 7

Hay un par de complementos de código abierto en SourceForge,

http://sourceforge.net/tracker/?group_id=103281&atid=738747 (búsqueda de imágenes)

La arquitectura del complemento es fácil de entender si sabes Javascript. Si tiene tiempo, puede lanzar el suyo.

Answer 8

Puede intentar: http://tinymcefckfilemanger.codeplex.com/

Sin embargo, debe tener algunas personalizaciones para que funcione.

:)

Answer 9

Vieja pregunta Sin embargo, sería útil para alguien.

http://www.andyarndt.net/TinyFileManager.aspx es una aplicación web .net. Funciona bien con formularios web también. También puedes personalizar los bits para que funcionen con MVC.

Editar:

Puede consultar la aplicación de ejemplo proporcionada en Github TinyFileManager.NET para saber cómo configurar y consultar la documentación mencionada en la página mencionada anteriormente.

CSS personalizado para evitar algunos conflictos con la versión de Bootstrap. 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;
}

Control de 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(/&#39/g, "&apos");
});
}
});

Al guardar la base de datos, guardarla directamente y al volver a vincularla al cuadro de texto, use HttpUtility.HtmlDecode() .

Answer 10

http://www.ilyax.com/imagebrowser/ gratis y mejor :)