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

Zssss

可以看看你的FoF Formatting插件配置嘛。
为什么我用 iframe=URL] 嵌入b站的视频，直接就跳转到B站去了，而不是在线播放。
还有呀，pdf的在线预览也是要url的嘛，还是可以直接上传本地的？

Miracle

Zssss

我安装了 iframe 扩展，可以放置 iframe 内容。你可以在这个帖子的最开始查看 iframe 扩展的安装。
B 站的每个视频需要获取嵌入代码，然后修改成编辑器识别的[iframe="URL"]。这里的 URL 不是视频页面的网址，基本上所有的知名视频网站都会提供嵌入代码，如：
PDF 直接预览，我也没有弄，还是用 iframe 扩展的功能，嵌入的外站的 PDF。我在同一个服务器安装了可道云这个应用，上传的 PDF 文件可以获取 iframe 代码，放到别的网站展示（也就是你在这个页面看到的 PDF 预览）。
这些功能，感觉都是只是为网站站长或内容编辑者在打造内容时提供了一个不算刚需的工具。普通用户是不可能去这样使用，在论坛中，他们默认自己只需要发表文字和图片，有个视频上传已经是很不错了。目前 flarum 在这块也只是提供零散的扩展，让网站所有者自己去衡量。

Zssss

~~[iframe="https://www.bilibili.com/video/BV12s411k7rU/?share_source=copy_web&vd_source=6925237dec7e8dd549ac565e5d96ddf3"]~~

应该在视频页面点击视频下方的分享图标，获取嵌入代码：

<iframe src="//player.bilibili.com/player.html?aid=6027168&bvid=BV12s411k7rU&cid=9783380&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

然后改成

[iframe="//player.bilibili.com/player.html?aid=6027168&bvid=BV12s411k7rU&cid=9783380&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"]

效果：

Zssss

Zssss 为什么我是这样的😭要用哪个视频链接呀

Miracle

天夏第一欧

安装 essential audio时出现错误

Miracle

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

zerosonesfun.zip

21kB

天夏第一欧

而且我的upload无法正常上传，不知道是不是我设置的问题，可以帮忙查看一下吗

Miracle

天夏第一欧而且我的upload无法正常上传，不知道是不是我设置的问题，可以帮忙查看一下吗

建议打开根目录 config 里的 debug，然后根据报错信息排查看具体是什么原因。

essential audio 应该是在仓库里被移除了，官方论坛里也显示这个插件被废弃了。

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

« 上一页