文件上传 FoF 文件上传 | FoF Upload composer 手动安装： composer require fof/upload if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } 需 PHP 功能 Exif 支持！升级： composer require fof/upload php flarum migrate php flarum cache:clear if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } 设置：设置好 MIME 类型，需要注意的是，在这里需要多建一个空白行的规则（BUG:保存设置后最后一行规则会被清空） ^image\/.* video\/(3gpp|mp4|mpeg|quicktime|webm) audio\/(mp3|ogg|aiff|midi|mpeg|mp4) if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } 多媒体显示通过上述 MIME 的设置，我们可以上传图片、视频和音频。但是插入到编辑器中，它们的显示和播放是不完美的，我们通过安装插件来完善。注意，这些插件功能都是配合上面的 FoF Upload 来使用的。图片：安装 fancybox 插件，可以点击放大和轮播显示 composer require darkle/fancybox if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } 视频：安装 FoF Formatting，使其将MP4等视频链接转化成视频播放器 composer require fof/formatting if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } 音频：安装 essential audio 插件并优化： composer require zerosonesfun/flarum-essential-audio:"*" if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } 将其样式修改为原生 audio 标签的样式，查找目录文件 /vendor/zerosonesfun/flarum-essential-audio/extend.php $config->BBCodes->addCustom( '[play]{URL}[/play]', '<div id="player_box"> <div> <div class="essential_audio" data-url="{URL}"><span class="no_js"><a href="#" onClick="window.location.href=window.location.href"><i class="far fa-play-circle"></i></a></span></div> </div> </div>' ); if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } 修改为： $config->BBCodes->addCustom( '[play]{URL}[/play]', '<audio src="{URL}" controls controlsList="nodownload"></audio>' ); if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } iframe : 嵌入 iframe 链接，比如 PDF在线预览、视频或其他视频网站的视频。用法： [iframe="URL"] # install composer require zerosonesfun/flarum-bbcode-iframe:"*" # update composer update zerosonesfun/flarum-bbcode-iframe:"*" php flarum migrate php flarum cache:clear # uninstall composer remove zerosonesfun/flarum-bbcode-iframe php flarum cache:clear if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); }

Miracle 这比插件本身的样式要好，原生的适配性好。

hello，想请教一下，首页的不规则头像是怎么实现的呀？还有圆角的卡片主题也很好看！方便分享一下嘛~ 感谢~~

Zssss 这是 Flarum 官方开发者提供的一套主题 Asirem 安装： composer require afrux/asirem if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } 以下内容适合和主题一起安装： composer require sycho/flarum-advanced-extension-categories if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } 更新： composer update afrux/asirem --with-dependencies php flarum cache:clear if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); }

Miracle 感谢！马上去试试！

Flarum 文件上传与多媒体显示

jeckshi

此文件没有下载权限 essential audio

jeckshi

能否提供下载权限感谢

Miracle

jeckshi 看了下后台这块的下载权限，竟然默认的仅限管理员下载，已修改，现在可以下载了🤗

mengking

[upl-file uuid=d7f778a8-6c1a-4d8a-9f30-29bf311e2e96 siz

Miracle

mengking 暂时没有支持 Docx格式的文档，可以自行根据上面的设置，添加 MIME 类型即可。

gopython3

为什么我安装fof/upload和fof/formatting之后, 上传了视频文件还是无法在线预览视频

Miracle

gopython3

MIME 类型设置了吗？也可以打开报错，看看有没有什么提示。

你可以发下网址我来看看

gopython3

Miracle MIME类型设置了, 前台可以上传, 但上传之后没有format成可以预览的代码

FOF UPLOAD设置

FOF FORMATTING设置

前台上传视频文件预览

Miracle

gopython3

这个目前看截图我也没办法复现问题排查原因。

建议：

你在后台清除下缓存，然后前端刷新下重新试试。
这个是模板里输出 video 元素的，模板文件正确完整，加后台设置好了大概率不会出问题。

gopython3

Miracle 嗯嗯好的. 那就暂时不理会这个问题了, 感谢回复

XiaoSuAiJB

楼主帮我看看，这边类型文件保存不了，保存了就消失，怎么解决啊

Miracle

XiaoSuAiJB 这个是程序 Bug ，在这篇帖子的开头就提到并截图说明了——“设置好 MIME 类型，需要注意的是，在这里需要多建一个空白行的规则（BUG:保存设置后最后一行规则会被清空）”。

« 上一页