Asp.net MVC Fckeditor的擴展(支持PV3及自動綁定)

 
namespace
 System.Web.Mvc
{
    
using System;
    
using System.Globalization;
    
/// <summary>
    
/// Fckeditor的HTMLHelper
    
/// http://chsword.cnblogs.com/
    
/// </summary>
    static public class FckTextBoxExt
    {
        
/// <summary>
        
/// Fckeditor的HTMLHelper,可以與同名ViewData綁定
        
/// </summary>
        
/// <param name="u">HtmlHelper</param>
        
/// <param name="name">Html的NAME</param>
        
/// <returns></returns>
        public static string FckTextBox(this HtmlHelper u, string name)
        {
            
return u.FckTextBox(name, null);
        }
        
/// <summary>
        
/// Fckeditor的HTMLHelper
        
/// </summary>
        
/// <param name="u"></param>
        
/// <param name="name">Html name </param>
        
/// <param name="value">內容</param>
        
/// <returns></returns>
        public static string FckTextBox(this HtmlHelper u, string name, object value)
        {
            
return u.FckTextBox(name, value.ToString());
        }
        
/// <summary>
        
/// Fckeditor的HTMLHelper
        
/// </summary>
        
/// <param name="u"></param>
        
/// <param name="name">Html name</param>
        
/// <param name="value">內容</param>
        
/// <returns></returns>
        public static string FckTextBox(this HtmlHelper u, string name, string value)
        {
            
if (value == null)
            {
                value 
= Convert.ToString(u.ViewDataContainer.ViewData[name], CultureInfo.InvariantCulture);
            }

            
return string.Format(@"<textarea name=""{0}"" id=""{0}"" rows=""50"" cols=""80"" style=""width:100%; height: 600px"">{1}</textarea>
<script type=""text/javascript"">
    var oFCKeditor = new FCKeditor('{0}') ;
    //oFCKeditor.BasePath    = sBasePath ;
oFCKeditor.Height=400;
    oFCKeditor.ReplaceTextarea() ;
</script>
", name, value);

        }
    }
}


用法
View頁寫
<%=Html.FckTextBox("content")%>即可
Controller寫
ViewData["content"]="<div>....</div>";
即可與之綁定
希望對大家自己擴展MVC的有幫助
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章