Melhor editor TinyMce Gerenciador de imagens / upload de arquivo para Asp.net Mvc [fechado]

StackOverflow https://stackoverflow.com/questions/19604

  •  09-06-2019
  •  | 
  •  

Pergunta

Qual o melhor gerenciador de imagens para integrar no editor TinyMce além dos comerciais oficiais do Moxiecode?

Estou procurando integrar um editor de texto leve em um aplicativo asp.net mvc e escolhi a solução Tinymce (e não o FCKEditor clássico, pois parece mais leve e mais amigável para jquery).

Infelizmente, o TinyMce não vem com o Image Manager ou Document Manager integrado como o FCKeditor, mas você deve comprá-los como plug-ins do Moxiecode.

Procurei outros plug-ins, mas até agora não encontrei nenhuma solução decente e leve que funcione com o framework asp.net mvc.

Alguma sugestão?

Foi útil?

Solução

Existem alguns plug-ins de código aberto no SourceForge,

http://sourceforge.net/tracker/?group_id=103281&atid=738747(procurar imagem)

A arquitetura do plugin é fácil de entender se você conhece Javascript.Se você tiver tempo, poderá implementar o seu próprio.

Outras dicas

Gerenciador de arquivos Ajax http://filemanager.3ntar.net/grátis e legal

Esta é uma integração do TinyMCE com o FCKEditor File Upload Manager no ASP.NET MVC 3, tente: http://tinymcefckfilemanger.codeplex.com/

Podes tentar: http://tinymcefckfilemanger.codeplex.com/

No entanto, você deve ter algumas personalizações para que funcione!

:)

Carlton:Alfresco parece ser uma solução baseada em Java.Ta:Eu olhei nas pastas de plugins, mas nenhuma era realmente boa para o asp.net mvc.O que estou testando agora é uma mistura do Tiny com o uploader de imagens do FCKEditor:esta é a versão pho, mas acho que é muito fácil converter para .net [Tinyfck][1]

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

Acabei de iniciar um projeto no codeplex que se integra perfeitamente ao ASP.NET MVC 2.Deixe-me saber se alguém quiser ajudar...Pretendo integrar o corte (via JCrop) e o redimensionamento em breve.

http://aspnetadvimage.codeplex.com/

Você pode baixar o projeto de amostra na guia "Código Fonte".

Pergunta antiga.No entanto, seria útil para alguém.

http://www.andyarndt.net/TinyFileManager.aspx é um aplicativo da web .net.Funciona bem com formulários da web também.Você também pode fazer uma pequena personalização para que funcione com o MVC.

Editar:

Você pode consultar o aplicativo de exemplo fornecido em Github TinyFileManager.NET para saber como configurar e consultar a documentação mencionada na página mencionada acima.

CSS personalizado para evitar alguns conflitos com 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;
    }

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

Ao salvar o banco de dados, salve diretamente, e ao vincular novamente, à caixa de texto, use HttpUtility.HtmlDecode().

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top