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

天外飘仙

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

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

1. <!--[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程序代码为

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

复制代码

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

1. $cachelist = array('yourcache', 'diytemplatename');
   
2. $[url=http://bbs.piaoxian.net/forum-21-1.html]discuz[/url]->cachelist = $cachelist;
   
3. $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相同。