pbootcms添加自定义编辑器后实现TAB切换而非上下叠加

时间：2020-12-09 访问量：0

欢迎随便转载，不需要注明来源和出处，我们的目的是让知识和内容得到分享和传播。

醉近开发一个网站的时候，发现任何一个CMS对于专题页的制作都是非常麻烦的，特别是需要多编辑器的时候。

而我们用PBOOTCMS在自定义编辑器后的结果是什么呢？

编辑器从下上往下叠加，以至于整个页面很长。有时候往下滑的时候却总是滑不准位置。用户体验特别差。

而我对于网站制作中的用户体验是非常敏感的。这成我的心中的一个结。

今天实在看不过去了，决定修改一下方案。

未修改前的效果：有多少个字段，上下就叠加多个编辑器。

修改后的效果：

修改文件：\\apps\\admin\\view\\default\\content

下面的：content.html和：single.html

先修改：content.html

在新增里面搜索找到：

内容

把这个DIV全删除。修改成下面的代码：


	 内容
	 

	
  
    默认内容
    {foreach $extfield(key,value)}
   {if($value->type==8)}
    [value->description]
       {/if}                                
 {/foreach}
    
  
    
     
      现在请更新:默认内容

现在请更新：[value->description]

内容

默认内容 {foreach $extfield(key,value)} {if($value->type==8)}

[value->description]

{/if} {/foreach}

     当前更新数据：默认内容

         {fun=decode_string([$content->content])}          {foreach $extfield(key,value)}                {if($value->type==8)}               当前更新数据：[value->description]

                                        {php}                                         $name=@$value->name;                                         {/php}                                         {fun=decode_string([$content->$name])}                                                                                        {/if}        {/foreach}

{if($value->type==8)}编辑器

[value->description]

                 {php}
                 $name=@$value->name;
                 {/php}
                 {fun=decode_string([$content->$name])}



                 {/if}

内容

默认内容
     {foreach $extfield(key,value)}
                    {if($value->type==8)}

[value->description]

    {/if}
                 {/foreach}

     当前更新数据：默认内容

     {fun=decode_string([$content->content])}

     {foreach $extfield(key,value)}
                    {if($value->type==8)}

     当前更新数据：[value->description]

     {php}
                $name=@$value->name;
                 {/php}
                 {fun=decode_string([$content->$name])}


    {/if}
{/foreach}

pbootcms添加自定义编辑器后实现TAB切换而非上下叠加

视觉品牌网站设计

合作咨询请致电：

咨询热线

微信扫一扫