移动版作曲家预览

:information_source: 摘要 在移动端编辑器中添加预览按钮
:eyeglasses: 预览 Theme Creator
:hammer_and_wrench: 仓库 moin-Jana/mobile-composer-preview · GitHub
:question: 安装指南 如何安装主题或主题组件
:open_book: Discourse 主题新手? 使用 Discourse 主题的新手指南

安装此主题组件

此组件会在编辑器中添加一个预览按钮,类似于最近被 移除的那个。与富文本编辑器(RTE)模式下的预览相比,预览模式不会触发键盘弹出(例如在查看剧透内容时),并且能保留所有格式,如展开的详情块或没有包裹 div 的 HTML 锚点。预览还会隐藏标题、分类和标签输入框,以便你一次性看到更多草稿内容。

17 个赞

谢谢你做这个,Moin。干得漂亮!

我个人更喜欢实际的预览视图,而不是 RTE 视图,所以能在移动端重新使用它真是太棒了。:slight_smile:

6 个赞

这太棒了,因为横屏模式在 iPhone 上简直让人抓狂。谢谢。

4 个赞

谢谢。没注意到它被移除了。:joy:

1 个赞

你好,有谁知道我哪里做错了吗?我在禁用浏览器扩展的情况下,在主题创建器预览页面看不到预览按钮。

编辑:奇怪的是,在创建一个主题并等待了一分钟后,按钮出现了

你是在打开主题编辑器之后才调整窗口大小的吗?当我在平板上打开链接后,再把窗口调小时,也看到了类似的情况。

问题依然存在,我会先尝试清除该网站的 Cookie

我无法在一分钟内可靠地复现该问题。我尝试发布了一个主题,开启和关闭浏览器的桌面模式[1],旋转设备,重新加载页面,但均无效。然后当我再次点击预览链接时,问题就消失了。


  1. 这会重新加载页面 ↩︎

重新加载页面会导致按钮消失,因为此时你不再查看预览。

我琢磨着,只有输入两次预览链接才能看到那个按钮。如果不这么做,旋转设备、发帖、创建话题,什么都没用。

主题创建器中的链接预览有时会有些不稳定。您可以尝试在 https://discourse.theme-creator.io/my/themes(或您的论坛)安装该组件,并使用底部的预览按钮。该按钮不受重新加载的影响。

现在无论使用我之前提到的哪种方法,我都无法显示按钮了 :cry:

您的测试是否仍然仅基于我分享的预览链接?我想确认一下,这是主题创建者预览的问题,还是组件本身的问题?

我在这里安装了组件

然后关闭了主题创建器的标签页,清除了 Cookie,重新登录,现在就是这种情况。

没有使用预览链接。

还需要我提供其他信息吗?

底部有一个预览按钮

使用那个之后,预览按钮能正常工作吗?

我竟然不知道这个按钮的存在!!!用了它之后,没有再出现任何bug。:sweat_smile:

1 个赞

太好了!

这个预览按钮非常有用。在生产环境中,您可以轻松测试特定的组件,而无需从主题中移除其他所有组件;在主题创建器中,它也不会受到预览链接重新加载时出现的不稳定问题的影响。

1 个赞

甚至连我的 RTE 用户(除了我之外的几乎所有人)现在都在使用那个预览按钮。由于虚拟键盘被隐藏,这是查看草稿大部分内容的最简单方法。

1 个赞

我认为在使用富文本编辑器(RTE)时,预览按钮应该隐藏。您的用户是否使用切换按钮切换到 Markdown 模式,还是某些功能未按预期工作?

您可以在此处看到它消失:

问得真好 :flushed_face:

我得问问他们是不是真的在用 RTE,还是说对术语有些混淆。

不过不管怎样,他们都很满意。

编辑

第一个用的是隐藏了工具栏的 Markdown 编辑器。当引入 RTE 时,我向她解释的那些内容她完全没头绪——我提供的那么多文档和截图总算帮上忙了 :rofl:

1 个赞