编辑器每个站点都有不同的需求,但往往因为Discuz的全面性很难做到满足每个站点。如果使用插件的形式,价格又很昂贵,都是几百的,但实际根本不值这个钱,故此,我们可以通过dz自带的自定义编辑器代码来实现部分功能

一、进入Discuz! 代码

通常在界面-编辑器设置-Discuz!代码中

二、新建一个自定义代码

这里以哔哩哔哩作为演示

"标签" 需要为英文或数字,这里所设置的为在编辑器中使用的标签,如:[bili]XXX[bili]

"显示顺序" 需要为数字,代表在编辑器中的图标显示位置,可为空(默认为0)

"图标文件 / 描述" 填写文件名需要包含后缀,在编辑器中的显示图标样式

​ *需要先将图标上传到static/image/common/目录中

填好后是这样的:

可根据自己的需求以及实际情况自行修改。

完成后点击提交即可

三、编辑HTML模板

找到刚刚添加的代码,点击详情

做点小小的填写

"替换内容" HTML模板,负责编辑器解析后的样式,本文核心内容 (详见下方内容示例)

"例子" 没发现有什么鸟用

"解释" 在鼠标悬浮在图标上显示的提示内容

"参数个数" HTML模板中用到{}参数个数

"参数提示语" 每个输入框上的提示内容

"嵌套次数" 忘了,自己试一下QWQ

最后一个就不用说了

四、启用并显示此代码

勾选这两个够并提交,即可在编辑器中看到此自定义代码或直接使用标签

内容示例

注意:下方提供的代码为经过我优化的内容,与服务提供站点所给出的嵌入代码不同,优化内容大致是:适配WAP界面

网易云

替换内容:

<div style="width: 100%;"><iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id={2}&auto={1}&height=66"></iframe></div>

参数个数:2

参数提示语:

是否自动播放.1为是;0为否(部分浏览器不支持自动播放)
音乐的ID.示例:461766

哔哩哔哩

替换内容:

<div style="position: relative;overflow: hidden;padding-top: 56.25%;"><iframe src="//player.bilibili.com/player.html?bvid={1}" style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe></div>

参数个数:1

参数提示语:

BV号,示例:BV17J411n7PX

西瓜视频

*因西瓜视频提供的接口内容多,可以通过再添加一个自定义参数来控制更多的东西,如autoplay自动播放,只需要将参数个数改为2,后将autoplay=0改为autoplay={2}即可,参数提示语第二行也可以加上 是否自动播放(1为是,0为否)

替换内容:

<div style="position: relative;overflow: hidden;padding-top: 56.25%;"><iframe src="//www.ixigua.com/iframe/{1}?autoplay=0&startTime=0" style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe></div>

参数个数:1

参数提示语:

视频ID

MP4(不推荐)

*因此处需要自行提供MP4播放器,故不做示例,如果有现成的在线播放器,只需要将哔哩哔哩示例中的代码复制粘贴,然后修改src="播放器地址{1}"即可。

如苦力怕论坛的在线播放器:

https://api.klpbbs.com/api/video/pt.php

填写进src后为https://api.klpbbs.com/api/video/pt.php?url={1}

这里有个需要注意的地方,MP4直链不能含有特殊字符,否则会导致播放失败,这也是我不推荐用这个方式加MP4播放器的原因,事实上官方自带的就可以了

另外图标就自己找吧[狗头]

最后修改:2022 年 11 月 26 日
如果觉得我的文章对你有用,请随意赞赏