Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > HTML-Tutorial > csdn代码效果是怎么实现的？_html/css_WEB-ITnose

csdn代码效果是怎么实现的？_html/css_WEB-ITnose

WBOY
Freigeben： 2016-06-24 12:25:12
Original
1019 Leute haben es durchsucht

<html><head>    ...</head><body>    ...</body></html>
Nach dem Login kopieren
像这样的效果是怎么做到的，用了什么？


回复讨论(解决方案)

我想做整个的代码框功能 

Nach dem Login kopieren
 
 
  http://bbs.csdn.net/assets/sh-e7799bf9690a86571a685dd3015e559c.js  
  
 这个js实现的语法高亮 
 
  http://bbs.csdn.net/assets/sh-e7799bf9690a86571a685dd3015e559c.js  
  
 这个js实现的语法高亮 这代码好乱啊。。。。 
 
  压缩过了。。插件名称是SyntaxHighlighter，楼主找找这个插件的API看看 
 
  http://alexgorbatchev.com/SyntaxHighlighter/manual/installation.html 
 
  http://alexgorbatchev.com/SyntaxHighlighter/manual/installation.html  
<pre class="brush: html;"><html>	<head>		...	</head>	<body>		...	</body></html>
Nach dem Login kopieren
这样写的效果就是空白和...，标签都成效果了，不以字符形式显示。我加了

后，结果这两个也显示出来了，让标签以字符形式显示出来呢？  
  要将替换为实体<> 
 
  要将替换为实体<> 那csdn是怎么做到我输入就显示的呢？ 
 
  楼主去了解下说明是html实体，csdn已经将替换为<>了，之中显示出来就是，要是源代码包含，就不会显示了 
 
  楼主去了解下说明是html实体，csdn已经将替换为<>了，之中显示出来就是，要是源代码包含，就不会显示了 哦哦，明白了。 
                

            

            

                                

                    Verwandte Etiketten：
                    

                        csdn代码效果是怎么实现的？                    

                

                                
Quelle：php.cn

                            

            

                                    
                        Vorheriger Artikel：关于iFrame内部表格宽度和高度_html/css_WEB-ITnose
                    
                                    
                        Nächster Artikel：求教一个翻页的问题_html/css_WEB-ITnose
                    
                            

            

       
                
Erklärung dieser Website

                
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

            

            

            

                
Neueste Artikel des Autors

                
            

            

                
Aktuelle Ausgaben

                

                                        

                        

                            Warum unterbricht das Weglassen von 0 ms Schlaf meine CSS-Übergänge?
                            Ich versuche, eine FLIP-Animation zu implementieren, um zu sehen, ob ich sie richtig verst...
                            

                                

                                     Aus 2024-04-06 16:29:50
                                

                                

                                    
  0 

                                    
2

                                    
490

                                

                            

                        

                    

                    

                                        

                        

                            Personalisierter Firebase FCM-Batch-Push
                            Ist es möglich, einen großen Push zu senden, aber jede Nachricht ist personalisiert, z. B....
                            

                                

                                     Aus 2024-04-05 11:46:20
                                

                                

                                    
  0 

                                    
1

                                    
1361

                                

                            

                        

                    

                    

                                        

                        

                            MySQL-Operation, um die Maximalsummenfunktion zu erhalten
                            Ich versuche, die maximale Menge auf „max“ zu setzen und erhalte die Fehlermeldung: Fehler...
                            

                                

                                     Aus 2024-04-04 17:49:26
                                

                                

                                    
  0 

                                    
1

                                    
376

                                

                            

                        

                    

                    

                                        

                        

                            Fügen Sie mithilfe von Javascript zusätzliche Werte zu den angezeigten Formatdatenfeldern hinzu
                            Ich versuche Folgendes zu erreichen: Ich möchte ein Formular erstellen, das vom Benutzer e...
                            

                                

                                     Aus 2024-04-04 15:17:13
                                

                                

                                    
  0 

                                    
1

                                    
3589

                                

                            

                        

                    

                    

                                        

                        

                            Wie kann ich dafür sorgen, dass sich Text beim Klicken in ein neues Element (z. B. eine Trennlinie) verwandelt?
                            Ich versuche eine Möglichkeit zu finden, bestimmte Texte auf der Seite beim Klicken in Tre...
                            

                                

                                     Aus 2024-04-04 11:21:03
                                

                                

                                    
  0 

                                    
1

                                    
3580

                                

                            

                        

                    

                    

                                    

            


            

                

                    
verwandte Themen

                    Mehr>
                    
                

                

                    
                

            

        

    


    

    
    
        

            
Beliebte Empfehlungen

            

                
            

        

        
        

            

                
Beliebte Tutorials

                Mehr>
                
            

            

                

                    
Verwandte Tutorials 

                    
Beliebte Empfehlungen

                    
Aktuelle Kurse

                

                
                
                
            

            
        


        

            

                
Neueste Downloads

                Mehr>
                
            

                        
            

                

                    
Web-Effekte 

                    
Quellcode der Website

                    
Website-Materialien

                    
Frontend-Vorlage