सर्वश्रेष्ठ TinyMce संपादक छवि प्रबंधक/फ़ाइल Asp.net एमवीसी

Question

आधिकारिक मोक्सीकोड वाणिज्यिक के अलावा TinyMce संपादक में एकीकृत करने के लिए सबसे अच्छा छवि प्रबंधक क्या है?

मैं एक एएसपीनेट एमवीसी अनुप्रयोग में एक हल्के पाठक को एकीकृत करने के लिए देख रहा हूं और मैंने टिनिमस समाधान (और क्लासिक FCKEditor नहीं चुना क्योंकि यह अधिक हल्का और अधिक jQuery अनुकूल लगता है)।

अफसोस की बात है कि TinyMce छवि प्रबंधक या दस्तावेज़ प्रबंधक के साथ नहीं आया है जो FCKeditor की तरह एकीकृत है लेकिन आपको उन्हें प्लगइन फॉर्म मोक्सीकोड के रूप में खरीदना होगा।

मैंने अन्य प्लगइन्स देखे हैं लेकिन अब तक मुझे एएसपीनेट एमवीसी फ्रेमवर्क के साथ काम करने वाला कोई भी निर्णायक और हल्का समाधान नहीं मिला है।

कोई सुझाव?

Answer 1

ओपन सोर्स प्लगइन्स की एक जोड़ी,

http://sourceforge.net/tracker/?group_id=103281&atid=738747 (छवि के लिए खोज)

प्लगइन वास्तुकला को समझने के लिए अगर आप जावास्क्रिप्ट पता आसान है SourceForge पर कर रहे हैं। यदि आपके पास समय है तो आप अपना खुद का रोल आउट कर सकते हैं।

Answer 2

कार्लटन: अल्फ्रेस्को जावा आधारित समाधान प्रतीत होता है। ता: मैंने प्लगइन फ़ोल्डर्स में देखा है लेकिन एएसपीनेट एमवीसी के लिए कोई भी वास्तव में अच्छा नहीं था। क्या मैं अब परीक्षण कर रहा हूँ FCKeditor की छवि अपलोड करने वाले के साथ छोटे के बीच एक मिश्रण है: इस फो संस्करण है, लेकिन मुझे लगता है कि इसमें .NET में बदलने के लिए बहुत आसान है [Tinyfck] [1]

[1] : इस: http://p4a2.crealabsfoundation.org/tinyfck

Answer 3

http://www.ilyax.com/imagebrowser/ मुक्त और सबसे अच्छा :)

Answer 4

मैं सिर्फ इतना है कि ASP.NET MVC के साथ अच्छी तरह से एकीकृत करता codeplex पर एक परियोजना 2. मुझे पता है अगर कोई मदद करने के लिए चाहता है शुरू कर दिया है ... मैं कर रहा हूँ क्रॉपिंग (जेसीआरओपी के माध्यम से) को एकीकृत करने और जल्द ही आकार बदलने की तलाश में है।

http://aspnetadvimage.codeplex.com/

आप "स्रोत कोड" टैब पर नमूना परियोजना डाउनलोड कर सकते हैं।

Answer 5

अजाक्स फ़ाइल प्रबंधक http://filemanager.3ntar.net/ मुक्त और cooool

Answer 6

यह ASP.NET में FCKeditor फाइल अपलोड प्रबंधक के साथ TinyMCE के एकीकरण MVC 3 है, इसे आजमाइए चाहिए: http://tinymcefckfilemanger.codeplex.com/

Answer 7

आप कोशिश कर सकते हैं: http://tinymcefckfilemanger.codeplex.com/

हालांकि, आपके पास इसे काम करने के लिए कुछ अनुकूलन होना चाहिए!

:)

Answer 8

यह एक asp.net MVC के http://aspnetadvimage.codeplex.com/SourceControl/list/changesets

Answer 9

लिए काम करता है मुझे लगता है कि यह सबसे अच्छा समाधान

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

Answer 10

पुराना सवाल है। हालांकि, यह किसी के लिए सहायक होगा।

http://www.andyarndt.net/TinyFileManager.aspx एक .net वेब एप्लिकेशन है। वेबफॉर्म के साथ भी ठीक काम करता है। एमवीसी के साथ काम करने के लिए आप थोड़ा अनुकूलन भी कर सकते हैं।

---

संपादित करें:

आप कॉन्फ़िगर और प्रलेखन ऊपर उल्लेख पेज में उल्लेख किया है उल्लेख करने के लिए कैसे करने के लिए Github TinyFileManager.NET में प्रदान की नमूना आवेदन देख सकते हैं।

कस्टम सीएसएस बूटस्ट्रैप वर्क के साथ कुछ संघर्षों से बचने के लिए। 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 जावास्क्रिप्ट:

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"); 
      }); 
     } 
    }); 

जब डेटाबेस बचत, सीधे बचाने के लिए, और जब फिर से बाध्यकारी, पाठ बॉक्स के लिए , HttpUtility.HtmlDecode() का उपयोग करें।