Discuz!文章主题注解插件Note

在我们发表文章或主题时往往需要对其中的某些语汇、内容、背景、引文等作些简单介绍说明或评议,以方便读者更容易理解和阅读.也就是我们常说的文章注释或注解功能.Note for Discuz! 正是这样一个简小精悍的文章注解插件.它可以轻松帮你实现,读者将鼠标移至需要注解的语汇内容上时及时的显示您添加的文本注解内容之功能.下面为该插件的应用截图:

该插件之所以简小精悍是因为登录Discuz! 管理后台添加一个Discuz! 代码即可实现.以下为该插件的新建,使用教程,一起分享给大家!

新建Note for Discuz!插件

为方便起见,所用图标,方法和步骤已打包至附件,回复本帖即可免费下载.

Note for Discuz!插件使用

Note插件的使用也非常简单,只需在需要添加注解的地方单击编辑器中新建好的Note插件按钮,进行简单的一些设置即可.Note支持将注释的编号作为一个超链接打开,也可以将其作为一个锚链接直接跳转至当页正文之下脚注条目中,这些在维基百科等一些非常专业的注解功能你都可以在自己发布的文章中轻松实现.另外,为了体现它的简小灵活,你甚至可以在这些注解内容中使用html源码(需在发表主题中开启html代码相关权限).如

1. 你可以使用bower[note=1, ]<li>Bower是一个客户端技术的软件包管理器。</li><li>它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。</li>[/note] 来安装该图片放大镜插件。

复制代码

这行代码的显示效果为

Note使用了Discuz!默认自带提示框样式,最大化做到了与系统模板的风格统一.目前已知的一处Bug为: 当注解内容位置处于距页面右侧边距小于提示框的宽度时,提示框下方小箭头会偏离注解正常位置显示(正常应为小箭头在注解处正上方显示). PS: 此Bug现已在最新版本的更新中修复,升级为智能检测至右侧边距,自行改变显示位置和样式,欢迎童鞋们下载测试!

最后声明

Note for Discuz!为原创首创插件,只为方便大家共同交流与学习,故源码版权共享,并可再次自由,免费修改发布!