javascript - 如何使在 html 中工作的 javascript 也能在 cshtml 中工作？

Question

我有从 here 复制的这个 html 页面.有一个 javascript 用于将文本区域更改为富文本编辑器。当我将它复制到一个文件中并用浏览器打开它时，它的工作方式应该是一样的。但是，当我尝试将它放入我的 c# 项目并将其放入 cshtml 文件(不更改任何内容)时，它会忽略(？)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>

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 example