将标签集成到后台编辑器中

我们在后台修改模板的时候,切换到编辑模式下,可以用可视化的方式通过标签的分类查找标签

 

  通过标签分类找到相应标签之后,点击标签进入标签内容设置页面

  设置好参数之后点击确定就可以将生成的代码插入到模板里面了。

如果我们自己增加了一个系统标签。那么我们怎么实现通过这种方式插入我们添加的标签:
以我们上节添加的显示指定文章的内容的标签{$ShowArticleContent(参数列表)}来做例子。

  首先先将这个标签进行归类,这里我们将这个标签归入标签导航的:网站通用标签――网站通用函数标签

1、  加入代码让这个标签在标签导航中显示:

修改Editor文件夹里面的editor_tree.asp文件,找到489行左右的代码

        <DIV class=subFolder id=subwebFunction><IMG id=subwebFunctionImg class=icon src="images/foldericon1.gif"> 网站通用函数标签</DIV>

        <DIV class=sub id=subwebFunctionSub>

我们可以看到标签导航里面的网站通用函数标签都是定义在这两行代码下面的,我们可以将我们添加的标签加入合适的位置,这里我以加入显示注册用户列表前面为例子

我们找到下面的语句

            <DIV class=subItem onClick="FunctionLabel2('ShowTopUser')"><IMG class=icon src="images/label2.gif">显示注册用户列表</DIV>

在他前面加入这样的代码:

<DIV class=subItem onClick="FunctionLabel('Lable/PE_ShowArticleContent.htm','250','150')"><IMG class=icon src="images/label2.gif">显示指定文章的内容的标签</DIV>

这里的FunctionLabel('Lable/PE_ShowArticleContent.htm','250','150')是系统定义好的一个js函数,其中Lable/PE_ShowArticleContent.htm是标签内容的设置页面,我们等一下再演示如何添加这个页面,后面两个参数分别是标签内容设置页面的宽度和高度

然后我们在看一下标签导航页面,就可以看到我们添加的标签了

 

下面我们再演示一下如何加入标签内容的设置页面

首先我们打开网站更目录下面的Editor文件夹里面的Label文件夹,可以看到里面有很多文件,这些文件对应的就是相应标签的内容设置页面。

我们添加一个文件,内容设置成以下代码

<html>

<head>

<title>显示指定文章的内容标签</title>

<script language="javascript">

function objectTag() {

    var reval;

    reval = '{$ ShowArticleContent ('+document.form1.articleid.value+')}'; 

    window.returnValue = reval;

    window.close();

}

</script>

<link href='Admin_Style.css' rel='stylesheet' type='text/css'>

</head>

<body>

<form name="form1">

<table  Width="100%" border='0' align='center'cellspacing='1' class='border'>

  <tr class='title' align="center">

    <td colspan="2" height='22'><b>显示指定文章的内容标签设置</b></td>

  </tr>

  <tr class='tdbg'>

    <td align="right" class='tdbg5' >指定文章ID</td>

    <td ><input name=" articleid " height="50" type="text" size="10" value="1"></td>

  </tr>

   <tr class='tdbg'>

    <td colspan=2 align='center'><input TYPE='button' value=' 确 定 ' onCLICK='objectTag()'> </td>

  </tr>

</table>

</form>

</body>

</html>

 

  这个页面实现的功能主要有两个

1、  显示标签内容设置页面。

2、  点击确定后生成相应的代码插入到模板中

我们来看一下相应的代码

<script language="javascript">

function objectTag() {

    var reval;

    reval = '{$ ShowArticleContent ('+document.form1.articleid.value+')}'; 

    window.returnValue = reval;

    window.close();

}

</script>

 

  当我们设置好标签的内容之后,点击确定,就会调用这个js函数

  document.form1.articleid.value的作用就是获取参数的值,

  然后我们把这个标签重命名为ShowArticleContent.htm,保存之后看以下效果。

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值