国产沈阳熟女视频|骚视频97网站一区日本在线视频|久1社区在线视频|综合久久国外自产拍无码精品视频|亚洲欧美Tv先锋|综合五月天网址制服丝袜在线露脸|1024欧美手机视频我不卡|日本二区欧美亚洲国产|丁香五月婷婷五月|综合 另类 一区

      • <bdo id="cguyt"></bdo>
      



      
	
      
		284292114@qq.com
		中國站
	
      

    

      



      





      
    
      
            	 
            
            
                行業(yè)新聞 
            
            	 
            
            
                網(wǎng)站建設(shè) 
            
            	 
            
            
                網(wǎng)絡(luò)推廣 
            
        

        首頁>新聞中心>網(wǎng)站建設(shè)
    
      

      
 

      

      
  
  	
      
	    
      pbootcms添加自定義編輯器后實(shí)現(xiàn)TAB切換而非上下疊加
      
	    
      
	    	  時間：2020-12-09   訪問量：0
	    
      
		
      
		
      歡迎隨便轉(zhuǎn)載，不需要注明來源和出處，我們的目的是讓知識和內(nèi)容得到分享和傳播。

      醉近開發(fā)一個網(wǎng)站的時候，發(fā)現(xiàn)任何一個CMS對于專題頁的制作都是非常麻煩的，特別是需要多編輯器的時候。
      而我們用PBOOTCMS在自定義編輯器后的結(jié)果是什么呢？
      編輯器從下上往下疊加，以至于整個頁面很長。有時候往下滑的時候卻總是滑不準(zhǔn)位置。用戶體驗特別差。
      而我對于網(wǎng)站制作中的用戶體驗是非常敏感的。這成我的心中的一個結(jié)。
      今天實(shí)在看不過去了，決定修改一下方案。

      未修改前的效果：有多少個字段，上下就疊加多個編輯器。

      image.png

      修改后的效果：

      image.png


      修改文件：\\apps\\admin\\view\\default\\content
      下面的：content.html和：single.html


      先修改：content.html
      在新增里面搜索找到：
      內(nèi)容
      把這個DIV全刪除。修改成下面的代碼：

      
	 內(nèi)容
	 

	
  
    默認(rèn)內(nèi)容
    {foreach $extfield(key,value)}
   {if($value->type==8)}
    
    1. [value->description]
      2. 
       {/if}                                
 {/foreach}
    
  
    
     
      現(xiàn)在請更新:默認(rèn)內(nèi)容	 

      
     
    
      
    {foreach $extfield(key,value)}
   {if($value->type==8)}
    
    	現(xiàn)在請更新：[value->description]

      
    	
                                        
    
      
     {/if}                                
 {/foreach}

  
      

      

  



      然后在下面的內(nèi)容修改里面找到
       內(nèi)容
      也刪除它的DIV，然后修改成以下代碼：
                                


        內(nèi)容
         
             
  
  
    默認(rèn)內(nèi)容
   {foreach $extfield(key,value)}
                                {if($value->type==8)}
    
    2. [value->description]
      3. 
     {/if}
       {/foreach}    
    
  
  
    
    	當(dāng)前更新數(shù)據(jù)：默認(rèn)內(nèi)容

      
         
    
    {foreach $extfield(key,value)}
               {if($value->type==8)}
    
         當(dāng)前更新數(shù)據(jù)：[value->description]

      
                                        {php}
                                        $name=@$value->name;
                                        {/php}
                                        
                                        
                                 
    
       {/if}

       {/foreach}     

  




        


      
		

      另外：要刪除兩個
       {foreach}
      中的新加的編輯器部分，要不然會有沖突，這個請記得刪除。很簡單。

      這樣的話，列表部分的就修改完成了。
      再修改：single.html

      同理，先刪除foreach中的
      {if($value->type==8)}編輯器 
      			                	
      			                		[value->description]
      			                		
      			                			{php}
      			                				$name=@$value->name;
      			                			{/php}
      				                		
      				                		
      				                	
      				                
      			                	{/if}

      然后找到
      內(nèi)容
      并刪除整個這DIV，并添加以下代碼


      	
      		 內(nèi)容
      			

      			  
        
          默認(rèn)內(nèi)容
           {foreach $extfield(key,value)} 
      			                    {if($value->type==8)}
          
    3. [value->description]

      4.     {/if}
      			                 {/foreach}

        
        
          
          	當(dāng)前更新數(shù)據(jù)：默認(rèn)內(nèi)容


          	
          
           {foreach $extfield(key,value)} 
      			                    {if($value->type==8)}
          
          	當(dāng)前更新數(shù)據(jù)：[value->description]


          	{php}
      			                $name=@$value->name;
      			                			{/php}
      				                		
      				                		
          
          {/if}
      	 {/foreach}
          
        

                         	
      		
      		
      			

      到此，整個修改完成。

      
	
		
      
			
      上一篇：輕松兩步搞定pbootcms留言時郵箱驗證
      
			
      下一篇：SQLITE直接使用PHP輸出數(shù)據(jù)
      
		
      
	




 

      
    
      
       
      
          
      
             
      服務(wù)咨詢
      
             
      1對1咨詢，專業(yè)客服為您解疑答惑
      
             
      
                            
             
      
          
      
          
      
              
      聯(lián)系銷售
      
              
      15899750475
      
               
      在線咨詢
      
              
      聯(lián)系在線客服，為您解答所有的疑問
      
          
      
       
      
    
      

      
 






      



      
    
      
        
      
             首頁
        
      

        
      
             電話
        
      

        
      
           
             地址
          
        
      
        
        
      
       
             留言