如何使用html工作的javascript也可以在cshtml中工作？

Question

我有這個從這里復制的html頁面。 有一個javascript用於將文本區域更改為富文本編輯器。 當我將它復制到文件中並用瀏覽器打開時，它的工作方式就像它應該的那樣。 但是，當我嘗試將它放入我的c＃項目並將其放入cshtml文件（不更改任何內容）時，它會忽略（？）javascript並將textareas顯示為純textareas。 如何在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>

Answer 1

當您將代碼復制並粘貼到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的例子