Синтаксический фрагмент кода JQuery - PullRequest
Новая
       3

Синтаксический фрагмент кода JQuery

0 голосов
/ 24 марта 2011

Я использую подсветку синтаксиса JQuery в своем приложении asp.net.

http://www.steamdev.com/snippet/

Я включил скрипты и CSS-файл, как указано в разделе ИСПОЛЬЗОВАНИЕ.

Также ниже код: 

<script>
 $(document).ready(function(){  $("pre.htmlCode").snippet("html"); 
     // Finds <pre> elements with the class "htmlCode"     
     // and snippet highlights the HTML code within.
       $("pre.styles").snippet("css",{style:"greenlcd"}); 
           // Finds <pre> elements with the class "styles" 
               // and snippet highlights the CSS code within
                    // using the "greenlcd" styling.  
      $("pre.js").snippet("javascript",{style:"random",transparent:true,showNum:false});     
      // Finds <pre> elements with the class "js"     
      // and snippet highlights the JAVASCRIPT code within     
      // using a random style from the selection of 39     
      // with a transparent background     
      // without showing line numbers.
   });

</script>
<script>
$(document).ready(function(){
      $("pre#dynamic").snippet("php",{style:"navy",clipboard:"js/ZeroClipboard.swf",showNum:false});
               // Highlights a snippet of PHP code with the "navy" style         
               // Hides line numbers      
               $("pre#dynamic").click(function(){
                        $(this).snippet({style:"vampire",transparent:true,showNum:true});       
                          // Changes existing snippet's style to "vampire"         
                          // Changes the background to transparent         
                          // Shows line numbers  
   }); 



    }); 



</script>

Результат: я получаю секцию кода, как показано ниже

Code highlighting

Но код выходит из маркера, также у меня нет возможности скопировать панель обмена.

Как включить это в мою страницу?

При вставке данных я использовал только тег . Нужно ли указывать язык заранее? Потому что я также не получаю код цвета

EDIT

Я вызываю файл JS и CSS, как показано ниже 

 <link href="jquery.snippet.css" rel="stylesheet" type="text/css" />
 <script type="text/javascript" src="<%=ResolveUrl("~/JS/jquery.snippet.js")%>" ></script>

EDIT1

Он находится в режиме свертывания, и когда я нажал на ссылку "текст", я вижу, что все форматирование пропало. Любое предложение, как я могу сохранить режим HTML в расширенном формате?

enter image description here

1 Ответ

0 голосов
/ 24 марта 2011

Я думаю, вам, возможно, придется указать язык в классе элемента pre, например: 

<code><pre class="htmlCode">
   //...code snippet here

Код, который вы разместили, выглядит следующим образом: 

<code><pre class="htmlCode">...
<! - html -> 
...
<! - css -> 
...
<! - javascript -> 
 ...
<! - php ->

EDIT

Чтобы добавить c #, вам, вероятно, придется сделать следующее: 

<code><pre class="csharp">
    public static void Main(string[] args)
    {
         Console.WriteLine("Hello World");
         Console.ReadLine();
    }
. $ ( "Pre.csharp") фрагмент кода ( "CSharp");

ПРИМЕЧАНИЕ проще использовать csharp вместо c # в качестве имени языка, так как # имеет особое значение в Интернете.

...