2008-08-21 102 views
28

除了正式的Moxiecode商用版本之外,什麼是最好的圖像管理器集成在TinyMce編輯器中?最佳TinyMce編輯器用於Asp.net的圖像管理器/文件上傳Mvc

我期待在一個asp.net mvc應用程序中集成一個light texteditor,並且我選擇了Tinymce解決方案(而不是經典的FCKEditor,因爲這看起來更輕量級,更容易jquery)。

很遺憾,TinyMce沒有像FCKeditor那樣集成Image Manager或Document Manager,但是您必須將它們作爲Moxiecode的插件購買。

我看了其他插件,但直到現在我還沒有找到任何與asp.net mvc框架一起工作的decend和light解決方案。

有什麼建議嗎?

回答

5

有幾個開源插件在SourceForge上,

http://sourceforge.net/tracker/?group_id=103281&atid=738747 (搜索圖片)

的插件架構很容易理解,如果你知道的JavaScript。 如果你有時間可以推出自己的。

+3

對於我的生活,我還沒有找到。有人有成功嗎? – midas06 2009-06-24 14:07:04

+0

但是我沒有從網站上獲得插件,你使用了哪個插件? – Shrikant1712 2013-10-21 08:06:56

0

Carlton:Alfresco似乎是基於Java的解決方案。 Ta:我研究過插件文件夾,但沒有一個對asp.net mvc非常有用。 什麼我現在測試的是微小之間的混合與FCKEditor的的圖片上傳: 這是坡的版本,但我認爲這是很容易轉換爲.NET [Tinyfck] [1]

[1] :這樣的:http://p4a2.crealabsfoundation.org/tinyfck

0

我剛開始在CodePlex上的一個項目,與ASP.NET MVC很好地集成2.讓我知道,如果有人想幫幫忙...我希望整合種植(通過JCrop)並儘快調整規模。

http://aspnetadvimage.codeplex.com/

您也可以下載「源代碼」選項卡中的樣本項目。

1
+0

我知道這是一箇舊的答案,但你是如何定製它的,我的意思是我需要它將每個用戶的圖像和文件上傳到他的文件夾而不是一個普通文件夾,我的意思是所有用戶都可以獲得其他用戶的圖像,我需要它將圖像上傳到每個用戶的私人文件夾 – 2015-12-18 23:44:27

0

老問題。但是,這對某人會有所幫助。

http://www.andyarndt.net/TinyFileManager.aspx是一個.net網絡應用程序。也適用於webforms。你也可以進行位定製,以便使用MVC。


編輯:

您可以參閱Github TinyFileManager.NET提供如何配置和指在上述頁面中提到的文檔中的示例應用程序。

自定義CSS以避免與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; 
    } 

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

當保存數據庫,直接保存,並且在重新綁定,文本框,使用HttpUtility.HtmlDecode()