发布于 5年前

Discuz 插件模板中如何添加diy区域

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

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

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

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

注释:[diy=diyid]中的diyid要与后面的DIV的id相同,同时要确保其在页面中唯一,即不能与页面已有元素ID相同。

二、在没有可拖拽区域的模板或新的模板页面中添加可拖拽区域

a) 在模板文件中添加存放CSS代码的标签,代码如下:

<style id="diy_style" type="text/css"></style>

b) 在模板文件中添加可拖拽区域

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

注释:[diy=diyid]中的diyid要与后面的DIV的id相同,同时要确保其在页面中唯一,即不能与页面已有元素ID相同。

c) 在程序代码(php文件中)加载可拖拽模板

以模板/template/default/home/testtpl.htm为例:

template('home/testtpl');

DIY模板加载方法为:

template('diy:home/testtpl');

d)在插件模板中加载可拖拽模板

以插件 pluginname 模板 show.htm 为例:

include_once template('pluginname:show');

DIY模板加载方法为:

 include template("diy:show",0,'source/plugin/pluginname/template');  

如果程序在单独的目录中,视图文件可能得放在模板文件夹 /template/default下才管用,否则会返回diy模板名、目录名不正确

©2020 edoou.com   京ICP备16001874号-3