asp.net mvc3 使用FckEditor 编辑内容

  在 razor 中 使用Fckeditor 编辑内容,需要引入js

    

<script src="@Url.Content("~/fckeditor/fckeditor.js")" type="text/javascript"></script>

 

  

   至于html编码

   

复制代码
          <tr>
            <td>内容</td>
            <td>
                @Html.HiddenFor(model => model.Content)
                <script type="text/javascript">
                    
var f = new FCKeditor("FckContent""628""445");
                    f.Create();
                
</script>
                @Html.ValidationMessageFor(model => model.Content, "", new { @class = "red" })
            </td>
          </tr>
复制代码

  

    要把Content中的数据传到后台,需要在提交时间中把值赋予@Html.HiddenFor(model => model.Content)    

<input type="image" src="/images/confirm.jpg" alt="确认" onclick="getEditorHTMLContents('FckContent')" />

   

    js 方法如下

   

复制代码
function getEditorHTMLContents(EditorName) {
        var otxt = FCKeditorAPI.GetInstance(EditorName).GetHTML(true);
        if (otxt == '' || otxt == null) {
            return false;
        }
        else {
            $('input[id$="Content"]').val(otxt);
            return true;
        }
    }
复制代码

 

 

    这样后台中传入的model中包含Content

 

posted @ 2013-05-24 16:15  赤狐(zcm123)  阅读(120)  评论(0编辑  收藏  举报