介绍


HTML幻灯片框架是一种与传统PowerPoint完全不同的幻灯片创作工具。这类工具通过代码来定义幻灯片的样式和内容,从而实现更加炫酷和个性化的展示效果,而无需依赖鼠标进行格式调整。

本插件允许用户在DiscuzX论坛中以Markdown代码的形式使用此类幻灯片框架,具有以下特点:
  • 完全基于Markdown编写,无需掌握复杂的HTML知识,学习成本低。
  • 扩展了部分语法,便于用户自定义主题、配置以及转场效果等。
  • 支持点赞(star)、打印样式以及新窗口打开功能,方便通过iframe嵌入其他网站分享幻灯片。
  • 提供独立页面展示幻灯片(幻灯片中心),支持多种排序方式(如热门排序、作者分类等),并可显示用户收藏的幻灯片,将论坛打造成一个幻灯片分享平台。

目前该插件仅支持 Reveal.js 框架,未来计划增加对impress.js和deck.js等框架的支持。

可视化编辑器


为了提升用户体验,我们还开发了一个独立的可视化编辑器插件,提供了便捷的编辑工具和实时预览功能,帮助用户更高效地创建幻灯片内容。

使用方法


以下是一个简单的幻灯片实例代码,更多示例可以参考Demo内容:

[slide]
%%.title: 定义标题%%
%%.theme: 定义主题 例如 moon%%
%%.c.transition: 自定义全局配置例如 zoom%%

# SLIDE 1
水平分页:三个空行 或者 一个空行加三个以上的 =

===
# SLIDE2
垂直分页: 2个空行 或者一个空行加三个以上 |

|||
## Slide 2.1
[/slide]

Demo


以下是两个可供参考的Demo链接:
幻灯片帖子:
幻灯片中心:

通过这些功能和示例,您可以轻松地在论坛中创建并分享专业的HTML幻灯片内容。希望这款插件能够为您的论坛带来更多的互动性和趣味性!discuzMarkdown Slide截图1
discuzMarkdown Slide截图2
discuzMarkdown Slide截图3
discuzMarkdown Slide截图4
discuzMarkdown Slide截图5
剩余内容已隐藏,微信扫描下方二维码免费获取验证码,输入验证码解锁剩余内容
此文章暂无隐藏内容

微信扫描上方二维码免费获取验证码