2012-01-05 76 views
3

我有這個html頁面,我從here複製。有一個使用的JavaScript將文本區域更改爲富文本編輯器。當我將它複製到一個文件中並用瀏覽器打開它時,它的工作方式應該如此。但是,當我嘗試將它放入我的c#項目中並將其放入cshtml文件中(而不更改任何內容)時,它會忽略(?)javascript並將textareas顯示爲純文本文件。我如何在cshtml中完成這項工作?我該如何製作一個可以在html中工作的JavaScript,也可以在cshtml中工作?

的代碼,同樣在HTML頁面CSHTML頁:

<div id="sample"> 
    <script type="text/javascript" src="http://js.nicedit.com/nicEdit-latest.js"></script> 
    <script type="text/javascript"> 
     //<![CDATA[ 
     bkLib.onDomLoaded(function() { nicEditors.allTextAreas() }); 
     //]]> 
    </script> 
    <h4> 
    First Textarea 
    </h4> 
    <textarea name="area1" cols="35"> 
</textarea><br /> 
    <h4> 
    Second Textarea 
    </h4> 
    <textarea name="area2" style="width: 100%;"> 
     Some Initial Content was in this textarea 
</textarea><br /> 
    <h4> 
    Third Textarea 
    </h4> 
    <textarea name="area3" style="width: 300px; height: 100px;"> 
     HTML content default in textarea 
</textarea> 
</div> 
+0

沒有什麼錯是在提供的代碼相當明顯的 - 你能不能發佈整個代碼而不顯示業務細節?! – xandercoded 2012-01-05 03:00:35

+0

你的意思是JavaScript代碼?這是所有的html代碼。 – 2012-01-05 03:02:05

+0

不,我的意思是代碼不工作'Razor'代碼... – xandercoded 2012-01-05 03:03:17

回答

0

當您複製並粘貼代碼到你CSHTML,你有沒有參考他們的nicEdit-latest.js文件的副本,還是你保存它的本地副本。

據我所知,它應該工作,如果你複製的HTML完全符合他們的方式。

嘗試使用以下,如果你引用的JS的本地副本文件

<script src="@Url.Content("~/PATH_TO_YOUR_FILE/nicEdit-latest.js")" type="text/javascript"></script> 

編輯 這應該工作。

添加一個引用了jQuery,如果你還沒有,並修改代碼看起來像這樣

//<![CDATA[ 
$(document).ready(function() {nicEditors.allTextAreas() }) 
//]]> 

jsfiddle example

+0

我完全像這樣複製了它 – 2012-01-05 09:23:18

+0

我不確定bkLib.onDomLoaded是什麼,但我意識到它們意味着它需要在頁面加載時執行:) – 2012-01-05 09:49:43

+0

'bkLib.onDomLoaded'在腳本引用「http://js.nicedit.com/nicEdit-latest.js」中定義。 @NiekdeKlein該庫的引用需要在任何使用它之前出現... – xandercoded 2012-01-05 15:29:58

相關問題