Как я могу сделать javascript, который работает в html и работать в cshtml? - PullRequest
3 голосов
/ 05 января 2012

У меня есть 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>

1 Ответ

0 голосов
/ 05 января 2012

Когда вы копировали и вставляли код в ваш cshtml, ссылались ли вы на его копию файла nicEdit-latest.js или сохранили его локальную копию.

Насколько я понимаю, это должно работать, если вы скопировали HTML точно так, как он есть.

попробуйте использовать следующее, если вы ссылаетесь на локальную копию файла js

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

EDIT Это должно работать.

Добавьте ссылку на Jquery, если вы этого еще не сделали, и измените код так, чтобы он выглядел следующим образом

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

Пример jsfiddle

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...