测试我们的新作曲器!

我们一直在为我们的编辑器开发一种新的富文本模式,以便在 Discourse 中写作更加轻松。现在我们准备开始测试它,以获得社区对这一功能的更多反馈!

我们的实现建立在优秀的 ProseMirror 及其非核心 Markdown 模块 的基础上,使用该模块的模式、解析和序列化定义作为进一步 Discourse 特定功能的基础。

本主题将作为测试新编辑器的指南和收集反馈的中心。提前感谢您的所有帮助!:sparkling_heart:

:gear: 在您的社区中使用新编辑器

我们仍将编辑器视为实验性的,但您可以通过启用 rich editor 设置来在您的社区中使用它:

:writing_hand: 了解新编辑器

新编辑器是一个富文本编辑器,它简化了写作体验,特别是对于不熟悉 Markdown 的非技术用户。该编辑器仍然支持 Markdown,但格式会立即呈现,提供 WYSIWYG(“所见即所得”)体验,感觉与其他现代 Web 写作工具(如 Notion 或 Google Docs)类似。

要访问新编辑器,请单击工具栏中的切换按钮。这将允许您从当前仅限 Markdown 的模式切换到新的富文本编辑器。如果需要,您可以再次单击切换按钮切换回来。

toggle

您今天测试的是新编辑器的第一个版本。它尚未旨在完全取代当前的仅限 Markdown 的编辑器。 我们首先关注了基本功能,这应该能满足大多数用户的需求。

请查看下面的部分,以了解新编辑器当前支持的功能以及尚未准备好的功能。随着支持的扩展,我们将随着时间的推移更新这些区域!

:green_circle: 支持的功能

新编辑器支持以下功能:

  • 添加标题并设置类别和标签的能力
  • 在富文本编辑器模式下使用单窗格编辑器(即没有预览窗格)
  • 在仅限 Markdown 和富文本编辑器模式之间切换的切换按钮
  • Markdown、键盘快捷键和工具栏图标中支持的基本格式 [1]
  • 表情符号支持
  • 粘贴纯文本时自动将 Markdown 转换为富文本(例如,**粗体**粗体
  • 自动转换表情符号(例如,:):slight_smile:
  • 用于调整大小、添加标题或网格的图像 UI
  • 用于访问、编辑、复制或删除添加的链接以及更改其标题的链接 UI
  • 表格构建器 UI
  • 投票构建器 UI
  • 脚注
  • 支持提及和标签
  • 内联 HTML <html> [2]
  • 排版替换(例如,™、→、±)
  • 图像上传
  • 文件附件
  • 主题和聊天引用
  • 隐藏详细信息
  • 模糊隐藏(有局限性,请参阅“缺失的功能”部分)
  • Oneboxes
  • 水平规则自动转换(即键入 --- 会转换为水平规则)

:red_circle: 缺失的功能

我们知道新编辑器当前缺失或尚未完全支持的功能包括:

  • 创建表格后添加或删除列和行的表格 UI
  • 编辑先前创建的投票的投票 UI
  • 用于添加标题的工具栏支持
  • 改进的模糊隐藏支持,用于向现有文本添加模糊、支持内联模糊以及更轻松地删除模糊。
  • 未在支持的功能部分明确说明的任何其他功能(例如,Mermaid 图表支持)

:mega: 测试和分享您的反馈

在测试过程中,您可能会遇到编辑器行为不如预期的问​​题。遇到这种情况时,请告知我们! 您的反馈是我们改进新编辑器以使其准备好在您的社区中提供的宝贵资产。

请提供具体的重现步骤、您的浏览器/设备信息以及任何相关的屏幕截图或录像! 您还可以查看下面的已知问题跟踪器,看看是否有人已经报告了您看到的情况。当我们识别并修复问题时,我们将随时更新这些部分。

请记住,如果您在使用新编辑器时遇到问题,您始终可以使用切换按钮切换回仅限 Markdown 的模式。

:bug: 错误

  • 在 Firefox 上,您似乎无法在帖子开头的提及之前定位光标(实际上是可能的,但视觉上不清楚)

:art: 用户体验问题

  • 防止链接上的某些部分格式化,以避免意外样式
  • 对类别、标签和聊天频道标签应用预期的视觉渲染/验证
  • 对用户和群组提及应用预期的视觉渲染/验证
  • 在以引用开始帖子或复制/粘贴引用时,光标聚焦在引用内部(而不是下一行)

:wrench: 开发改进

  • 改进内联 HTML 解析(例如,对于 <a>

  1. 粗体、斜体、下划线(无工具栏支持)、删除线(仅限 Markdown,通过 ~~)、链接、块引用、代码、复选框(仅限 Markdown,通过 [ ];工具栏支持即将推出)、项目符号列表、编号列表 ↩︎

  2. 某些会转换为最接近的 Markdown(例如,s、strike、strong、b、em、i、code;u 特别不支持,因为它不会转换为实际的下划线);其他将被允许作为“html_inline”节点(例如,kbd、sup、sub、small、big、del、ins、mark) ↩︎

71 个赞

看起来不错!

剧透标签存在一些问题:

  1. 如果您突出显示某些文本并选择“模糊剧透”,它会将文本替换为“此文本将被模糊”,从而丢失您突出显示的内容。

  2. 行内剧透不起作用,它们会被放到新行上。

  3. 没有办法再次关闭剧透。

11 个赞

Shaun,谢谢,已在 OP 中记录我们需要在剧透方面做更多工作。

9 个赞

我一直在等待这个功能,Discourse 终于迈出了这一步,太棒了 :clap:

目前只有一件事:写帖子时有一个这么窄的文本区域看起来很奇怪。

显然,我非常习惯于并排查看编辑器和预览,但现在看起来……很奇怪。也许我只是需要时间。是的,很可能。 :smile:

18 个赞

太棒进展! :heart:
我注意到的第二件事是,尽管当前样式仍然生效,但它在工具栏中并未在视觉上切换(开启和关闭)。如果当前样式能被高亮显示直到被切换关闭,那将是非常好的。

目前就这些!

(基于我对灰色琥珀色主题的反馈)

15 个赞

这些都是很好的反馈——目前,我们主要关注编辑器本身(你实际输入的地方),但我们计划对组合器容器和工具栏进行改进,以解决这些问题。

10 个赞

当打开作曲家时,回复指示器会出现一些奇怪的缺陷。

稍后我会在台式机上进行全面测试,但看起来很有希望。

4 个赞

终于来了!:heart_eyes: 这是一个巨大的工程;做得太棒了!这对那些不熟悉 Markdown 的用户来说将是一个重要的优势。

边缘上传问题:

如果你正在上传图片然后切换到 markdown,上传的 markdown 不在这里并且会抛出错误:
image

反之,从 markdown 上传,然后切换到新编辑器不会报错,但图片不会显示。

12 个赞

我想我们是否应该在上传完成之前阻止切换……我们有可能在编辑器之间转换占位符,但这似乎并没有那么有用。

11 个赞

是的,我的想法和你一样。阻止听起来是个好主意!
当使用慢速连接上传大图时,我忍不住在完成之前测试了开关。:grinning_face_with_smiling_eyes:

11 个赞

新设计看起来很棒。我喜欢 Discourse 随着时间的推移不断迭代、尝试新想法并让社区参与进来。

一些主观的观察,如果您正在寻找反馈:

  • 对齐按钮(左/右)是一个非传统的图标,而且似乎是一个非常小众的功能。由于图标在移动设备上会换行显示,我建议直接删除此功能。同样,“插入日期”功能也很高级/小众,可以隐藏在 :gear: 菜单中。这样,其余图标就可以全部显示在单行上。
  • 即使作为技术用户,视频上传功能也让我感到困惑。“视频来源”框中应该填入什么?另外,按钮在视觉上有点混乱(见下文)。
  • “M”按钮(在纯文本和预览之间切换)在点击之前不会揭示其用途。在 :wastebasket: 和 GIF 按钮下方的编辑器底部有一些空余空间,我认为在这里添加一个预览按钮会更有意义。这样您就有空间显示“预览”一词。

8 个赞

这些是我们曾经在 meta 上启用过,可能用于实验的功能。它们并非默认可用,我们可以将其关闭或隐藏在 :gear: 后面。

我同意这一点。不确定为什么我们总是将其如此显眼地放在菜单中。我自己经常使用它,但我也经常使用 :gear: 菜单后面的许多功能!

同意至少鼠标悬停提示文本有助于提高其可发现性。

未来我怀疑我们会希望默认使用新的编辑器,并将切换到 markdown 作为高级操作,而高级用户届时会知道或能够发现它。

9 个赞

:megaphone: 这些菜单项与新编辑器关系不大,因此我们无需在此处重点关注。如果大家对菜单项有更多反馈,请另开新帖或进行搜索。

话虽如此:

  • 我在此处移除了“插入视频”按钮,该按钮通过 Insert Video 主题组件提供。

  • “切换方向”按钮取决于 support mixed text direction 站点设置,我们将在 meta 上保持启用状态,因为我们目前正在积极测试多语言功能。

  • 在 meta 上,我们还有 GIF 和 Ask AI,我们希望允许对其进行显著访问。

6 个赞

恭喜团队!我注意到一键式链接(oneboxing)方面存在差异。从浏览器粘贴网址会生成一键式链接,但手动输入则不会。直到您切换回查看 markdown 预览,它才会触发生成。

测试:从浏览器地址栏粘贴此处:https://google.com/ 在此处输入:https://google.com

6 个赞

新的所见即所得编辑器中的回车键会创建双倍行距(段落间距)。我不喜欢这样(虽然我认为这是主观的),但我尤其不喜欢它用于项目符号/编号列表,因为列表项之间有很大的空间。

  • 这个
  • 多了
13 个赞

您可以按 shift + enter 来避免双换行,但这不适用于列表。
我同意此行为更改不应成为默认设置。

7 个赞

干得好,这是朝着正确方向迈出的一步!不过,我仍然有一些基本的 UX 问题希望得到解决,但稍后我会详细说明。

优点:
我喜欢新的单编辑器模式,它真的很酷,作曲家中的内联图像效果很好。
尽管这是预览版,但它的运行方式仍然符合我的预期,我个人没有注意到任何缺失(除了我经常使用的 ---)。

缺点:
按钮到处都是,这令人困惑,应该有一个统一放置所有按钮的地方。将双向下箭头图标替换为 X。另外,与其使用 <<,不如让 Y 轴可拖动,这样我们就可以控制它的大小,而不是只有一个或关闭它?

我仍然非常不喜欢顶部的图标行和“更多”齿轮菜单,它杂乱且难以使用。我记得有一个相关的主题,但我找不到它。

在我的工作电脑(Windows Firefox)上,markdown 按钮是偏移的。
image

仍然很棒,我只希望这些问题能得到修复 :+1:

已添加到OP中的**:art: UX issues**部分进行修复。

这是一个已知缺失的功能,我们打算添加支持:

我们计划对编辑器容器和工具栏进行改进,但目前这些更改仅限于编辑器本身。不过,我们可以在未来的更改中考虑这一点。

根据这个描述或截图,我无法确切地知道哪里出了问题——你能否提供更多细节,以便我查看一下?

5 个赞

这可能只是视觉上的,但至少对我来说,它看起来有点太高了。

1 个赞