2010-10-22 113 views
4

我想在我的ASP.NET MVC 2應用程序中使用CKEditor作爲註釋字段,但無法讓它起作用。以下是我有:在ASP.NET MVC 2中集成CKEditor?

,我試圖給編輯整合的textarea:

<div class="editor-field"> 
     <%: Html.TextAreaFor(model => model.Comment, new { @class = "textarea", @id="Editor1" })%> 
     <%: Html.ValidationMessageFor(model => model.Comment) %> 
    </div> 

在頭部的腳本引用:

<asp:Content ID="Content3" ContentPlaceHolderID="head" runat="server"> 
    <script src="../../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> 
    <script src="../../Scripts/ckeditor/ckeditor.js" type="text/javascript"></script> 
    <script src="../../Scripts/ckeditor/adapters/jquery.js" type="text/javascript"></script> 
</asp:Content> 

和文件準備功能:

<% using (Html.BeginForm()) 
    {%> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $('#Editor1').ckeditor(); 
     }); 
    </script> 

(等等......) 我不知道問題是否與TextareaF或幫助者方法,我試圖將id設置爲Editor1。我對MVC也很新,所以我猜想這是如何去做的。

無論如何,它不起作用,我希望對我做錯的任何建議。

+0

您是否收到任何javascript錯誤? – Aristos 2010-10-22 13:00:53

+0

是的,請參閱下面的評論... – Anders 2010-10-23 21:15:28

回答

1

好了,發現自己的答案。看起來與同一頁面上的另一個jQuery插件有衝突,所以我需要使用jQuery.noConflict();然後在代碼中使用jQuery而不是$。 noConflict的位置也很重要。請參閱此網頁上的erhard評論:http://devoracles.com/jquery-error-documentready-is-not-a-function-sure

+0

該評論不再可訪問。它以前如何? – 2012-07-26 12:00:48

0

首先檢查是否$('#Editor1')正在返回你想要的元素。

alert($('#Editor1').length); 
alert($('#Editor1')[0].id); 

如果不行,請嘗試使用類選擇,而不是像$('.ckeditor')

+0

是的。但是當我在Chrome中檢查調試器時,出現錯誤消息「Uncaught TypeError:Object# has no method'ckeditor'」。我是jQuery的新手,所以我不知道我在這裏做錯了什麼。 – Anders 2010-10-23 20:47:14