利用自定义Discuz! 代码在编辑器添加按钮

时间:2024-04-16 09:02:33

在此不得不说discuz功能之强大,大多数DZ站长都不曾知道,其实DZ的内部隐藏了多少不为人知的扩展功能。下面我来一步步讲述如何利用利用自定义Discuz! 代码在编辑器添加按钮,为方便DZ新手操作,老手请忽略此文~~~

效果图:

<ignore_js_op> 


使用效果:

<ignore_js_op> 

发布后显示效果图:

<ignore_js_op> 

下面是详细教程:

第一步:准备两张素材图片

第一张: <ignore_js_op> 小图标用于放在编辑器、上传至/static/image/common/文件中(image文件夹是我添加的,你可以自定义图片地址)


第二张: <ignore_js_op> 用于显示在贴内,上传至/image/文件中

第二步:进入后台---界面---编辑器---设置---Discuz! 代码---新增--------

<ignore_js_op> 

例如:

标       签:XZ
显示顺序:24
图标文件:xzz.jpg

提交成功后点击【详情】进入设置页面:

<ignore_js_op> 
<ignore_js_op> 

QQ截图20130506202451.jpg (45.99 KB, 下载次数: 9)

下载附件  保存到相册

2013-5-6 20:32 上传

 



设置完成点提交,最后别忘记了回到列表页勾选“可用”“显示”两个选项,OK,大功告成!

附上替换代码:

  1. <a href="{1}" target="_blank"><img src="你的域名/image/xiazai.gif" alt="点此下载" width="150" height="40" border="0" /></a> <a href="联系地址" target="_blank"><font size="2" color=#FF0000>无法下载,我要报错</font></a>
复制代码