模板中添加DIY可拖拽区域

出自Discuz! 技术文库

跳转到: 导航, 搜索

目录

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

在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相同。
个人工具