文件上传 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 文件上传与多媒体显示

Miracle

天夏第一欧下面是我从 /vendor/ 目录里下载下来的 essential audio 对应的文件夹，可以一试。

zerosonesfun.zip

21kB

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 嗯嗯好的. 那就暂时不理会这个问题了, 感谢回复

« 上一页