简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > html教學 > 主體

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

WBOY
發布： 2016-06-24 12:25:12
原創
966 人瀏覽過

<html><head>    ...</head><body>    ...</body></html>
登入後複製
像这样的效果是怎么做到的，用了什么？


回复讨论(解决方案)

我想做整个的代码框功能 

登入後複製
 
 
  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>
登入後複製
这样写的效果就是空白和...，标签都成效果了，不以字符形式显示。我加了

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

            

            

                                

                    相關標籤：
                    

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

                

                                
來源：php.cn

                            

            

                                    
                        上一篇：关于iFrame内部表格宽度和高度_html/css_WEB-ITnose
                    
                                    
                        下一篇：求教一个翻页的问题_html/css_WEB-ITnose
                    
                            

            

       
                
本網站聲明

                
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

            

           

            

                
作者最新文章

                
            

            

                
最新問題

                

                                        

                        

                            為什麼省略 0ms sleep 會破壞我的 css 轉換？
                            我正在嘗試實現FLIP動畫，看看我是否理解正確。在這個程式碼筆中（請原諒糟糕的程式碼，我只是在亂搞），如果我註解掉睡眠，平滑過渡將不再有效。 div突然改變位置。這很奇怪，因為睡眠...
                            

                                

                                     來自於 2024-04-06 16:29:50
                                

                                

                                    
  0 

                                    
2

                                    
490

                                

                            

                        

                    

                    

                                        

                        

                            Firebase FCM 批量個人化推送
                            是否可以發送大量推送，但每個訊息都是個人化的，例如帶有名稱，目標是僅向API發出一個請求，而不是每個用戶1個請求這可能嗎？如果是的話，我該怎麼做？我使用的是純cURL(php)，因...
                            

                                

                                     來自於 2024-04-05 11:46:20
                                

                                

                                    
  0 

                                    
1

                                    
1361

                                

                            

                        

                    

                    

                                        

                        

                            取得最大的和函數的MySQL操作
                            我正在嘗試將最大數量設為“max”出現錯誤：錯誤代碼：1111。群組功能0.000秒的使用無效SELECTmax(count(*))asmaxFROMticketgroupbyfa...
                            

                                

                                     來自於 2024-04-04 17:49:26
                                

                                

                                    
  0 

                                    
1

                                    
376

                                

                            

                        

                    

                    

                                        

                        

                            使用 javascript 將附加價值新增至顯示的格式資料字段
                            我正在努力實現這一目標：我想創建一個表單來收集用戶輸入的資料並將其列印在螢幕上。到目前為止，我已經透過下面的程式碼片段實現了幾乎正常的效果，但是，我需要「textone」和「tex...
                            

                                

                                     來自於 2024-04-04 15:17:13
                                

                                

                                    
  0 

                                    
1

                                    
3589

                                

                            

                        

                    

                    

                                        

                        

                            如何使文字在點擊時變成新元素（如分隔線）？
                            我正在嘗試找到一種方法，使頁面上的某些文字在單擊時變成分隔符號/新元素。我不知道如何解釋它，但是就像，想像一個下面帶有標題的圖像-單擊標題，然後上面的圖像變得像一個文本框/不同的圖...
                            

                                

                                     來自於 2024-04-04 11:21:03
                                

                                

                                    
  0 

                                    
1

                                    
3580

                                

                            

                        

                    

                    

                                    

            

            

                

                    
相關專題

                    更多>
                    
                

                

                    
                

            

        

    

    

        

            
熱門推薦

            

                
            

        

        
        

            

                
熱門教學

                更多>
                
            

            

                

                    
相關教學 

                    
熱門推薦

                    
最新課程

                

                
                
                
            

            
        


        

            

                
最新下載

                更多>
                
            

                        
            

                

                    
網站特效 

                    
網站源碼

                    
網站素材

                    
前端模板

                

                
                
                
                
            

            
        

    





    

        

            

                

                    

                        關於我們
                        免責聲明
                        Sitemap
                        

                    

                    
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！