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

时间:2012-01-05 02:52:58

标签: javascript html razor

我有这个从here复制的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>

1 个答案:

答案 0 :(得分: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