【discuzX2】模板中添加DIY扩拖拽区域

在已经有可拖拽区域的模板中添加更多的可拖拽区域

在Discuz! X默认模板的大部分模板文件中已经内置了多个可拖拽区域，但是如果你觉得这些还不够，还需要添加更多的可拖拽区域怎么办？

打开你要添加可拖拽区域的模板文件，在要添加的位置加入如下代码

<!--[diy=diyid]--><div id="diyid" class="area"></div><!--[/diy]-->

• DIY使用的tag标签为div,指定的class为area
• <!--[diy=diyid]-->和<!--[/diy]-->是一对完整的DIY可拖拽区域闭合标识
• [diy=diyid]中的diyid要与后面的DIV的id相同，同时要确保其在页面中唯一，即不能与页面已有元素ID相同。

让自己的程序和模板页面也可以DIY

假设你新建的PHP文件名为test.php,对应的模板文件为/template/default/home/testtpl.htm

test.php程序代码为

 <?php>$var = '';$arr = array();... //程序逻辑loadcache('diytemplatename');//加载DIY页面缓存，X2中的改进，此缓存必需要加载，目的是为了减少磁盘的IO操作template('diy:home/testtpl');//加载为模板文件，其中 “diy:”表示支持页面DIY操作<?>

• loadcache('diytemplatename')X2中的改进，此缓存最好是在网站根目录的应用入口文件中加载，如下

...$cachelist = array('yourcache', 'diytemplatename');$discuz->cachelist = $cachelist;$discuz->init();...

模板文件代码

...<style id="diy_style" type="text/css"></style><!--在模板文件中添加存放CSS代码的标签--><div id='ct'>...<!--[diy=diyid]--><div id="diyid" class="area"></div><!--[/diy]--><!--在你需要的地方添加可拖拽区域-->..</div><!--[diy=diyid2]--><div id="diyid2" class="area"></div><!--[/diy]--><!--在你需要的地方添加可拖拽区域-->...

• DIY使用的tag标签为div,指定的class为area
• <!--[diy=diyid]-->和<!--[/diy]-->是一对完整的DIY可拖拽区域闭合标识
• [diy=diyid]中的diyid要与后面的DIV的id相同，同时要确保其在页面中唯一，即不能与页面已有元素ID相同。