# Discourse基础编辑器

**URL:** https://meta.discourse.org/t/discourse-basic-editor/159431
**Category:** Plugin
**Tags:** broken
**Created:** [2020年七月31日 16:00 UTC](https://meta.discourse.org/t/discourse-basic-editor/159431 "2020-07-31T16:00:55Z")
**Posts on this page:** 20
**Page:** 3

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [2020年十一月9日 02:07 UTC](https://meta.discourse.org/t/discourse-basic-editor/159431/41 "2020-11-09T02:07:51Z")

</div>

我明白您的意图。如果我的理解正确，您希望利用 HTML 构建一个功能更为强大的完整编辑器，从而提供更完善的用户体验。

---

<div class="post-metadata">

### Author: ![oshyan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/oshyan/32/212644_2.png) [@oshyan](https://meta.discourse.org/u/oshyan)
#### Post date: [2020年十二月20日 23:44 UTC](https://meta.discourse.org/t/discourse-basic-editor/159431/42 "2020-12-20T23:44:30Z")

</div>

我个人非常希望看到一个能_保留 Markdown 输出_的所见即所得（WYSIWYG）编辑器。我并不是特别在意能否直接输入并让编辑器自动解析 Markdown；像 Ctrl-B（加粗）这样的常规快捷键或工具栏都没问题。但我确实希望保留后续的可编辑性、在非渲染环境下的可解析性，以及可导出性。而根据我的经验，HTML 至少在部分方面（并非全部）会带来问题。

我很好奇，您具体希望编辑器实现哪些功能，而这些功能与 Markdown 输出不兼容？

另外，我想指出 [Typora](https://typora.io/) 在行内渲染 Markdown 以及支持快捷键方面做得相当出色，我也不明白为什么不能同时支持格式工具栏（尽管它似乎并没有提供这样一个工具栏）。

---

<div class="post-metadata">

### Author: ![ozkn](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ozkn/32/196013_2.png) [@ozkn](https://meta.discourse.org/u/ozkn)
#### Post date: [2020年十二月28日 07:33 UTC](https://meta.discourse.org/t/discourse-basic-editor/159431/43 "2020-12-28T07:33:44Z")

</div>

如何移动添加照片的按钮。

 ![move](https://global.discourse-cdn.com/meta/original/3X/4/e/4e6663f7ca16b6e0fae06b425a8dc99a609328a9.jpeg)

---

<div class="post-metadata">

### Author: ![feabila](https://avatars.discourse-cdn.com/v4/letter/f/e9bcb4/32.png) [@feabila](https://meta.discourse.org/u/feabila)
#### Post date: [2021年一月15日 15:21 UTC](https://meta.discourse.org/t/discourse-basic-editor/159431/44 "2021-01-15T15:21:21Z")

</div>

嘿 @ozkn！

我正在采用一种只需 **imageUpload** 的方法！因此，你可以遵循同样的思路。在你的初始化器中，可以通过修改 `component:b-editor` 的 `setupBasicEditor` 函数来实现：

```javascript
api.modifyClass("component:b-editor", {
   setupBasicEditor(){
       loadScript("/plugins/DiscourseBasicEditor/ckeditor.js").then(() => {
           ClassicEditor.create( document.querySelector( '#editor' ), {
                toolbar: [xxx],
                ...
           })
       }
   }
});

```

请查看 [Migrating to new installation methods | CKEditor5 documentation](https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/configuration.html) 以获取工具栏参考。在我的情况下，我只使用了 `toolbar: ["imageUpload"]`。

此致

---

<div class="post-metadata">

### Author: ![feabila](https://avatars.discourse-cdn.com/v4/letter/f/e9bcb4/32.png) [@feabila](https://meta.discourse.org/u/feabila)
#### Post date: [2021年一月15日 15:31 UTC](https://meta.discourse.org/t/discourse-basic-editor/159431/45 "2021-01-15T15:31:50Z")

</div>

大家好！也许我需要大家的一点帮助！

我正在做一个项目，其中使用了不止一个编辑器（composer），就像这样（在首页开头部分，用户可以在那里创建话题，类似于 Facebook 的主编辑器）。

 ![Screen Shot 2021-01-15 at 12.27.20](https://global.discourse-cdn.com/meta/original/3X/8/7/875e1079a26e0257f8787e63d5016dbbf748dba1.png)

因此，我在打开编辑器时遇到了一些问题（可能是因为我已经在主页面使用了一个编辑器）。

所以，当我想要更新一个话题时，我使用编辑器控制器来打开模型，但却收到了 **b-editor** 的错误信息。

 ![Screen Shot 2021-01-15 at 12.29.59](https://global.discourse-cdn.com/meta/original/3X/7/0/7076b2e59ed8bbaebd1d600d2a857f595634e94b.png)

你们在使用多个编辑器时是否也遇到过同样的问题？

此致，  
Felipe

---

<div class="post-metadata">

### Author: ![spirobel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/spirobel/32/170908_2.png) [@spirobel](https://meta.discourse.org/u/spirobel)
#### Post date: [2021年一月18日 14:12 UTC](https://meta.discourse.org/t/discourse-basic-editor/159431/46 "2021-01-18T14:12:18Z")

</div>

也许你可以暂时停用这个插件。正如我所说，这仍处于开发阶段。我可能会在下个月继续完善它。目前我专注于学习中文，哈哈。如果你愿意，可以给我你的 GitHub 链接，或者把你的代码发给我，这样我可以尝试理解你想实现的功能。

---

<div class="post-metadata">

### Author: ![neo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/neo/32/156675_2.png) [@neo](https://meta.discourse.org/u/neo)
#### Post date: [2021年六月11日 16:09 UTC](https://meta.discourse.org/t/discourse-basic-editor/159431/47 "2021-06-11T16:09:36Z")

</div>

报告一个 bug，似乎在激活插件后，管理部分被覆盖了。

- 测试版本：Discourse 2.7.4 稳定版
- 测试浏览器：Chrome、Firefox，均在电脑和手机上测试

 ![Selection_750](https://global.discourse-cdn.com/meta/original/3X/1/9/19fc6cb4be6dadab32cd691bf883c1002cf920a0.jpeg)  
 ![Selection_751](https://global.discourse-cdn.com/meta/original/3X/5/6/56339d95caee3851ea79b6d1199c9c5aa6e1284e.jpeg)

---

<div class="post-metadata">

### Author: ![GVG](https://avatars.discourse-cdn.com/v4/letter/g/ba9def/32.png) [@GVG](https://meta.discourse.org/u/GVG)
#### Post date: [2021年八月15日 06:34 UTC](https://meta.discourse.org/t/discourse-basic-editor/159431/48 "2021-08-15T06:34:47Z")

</div>

你好，标准编辑器是否支持第三方插件功能，例如……？

> [@Discourse Mark Plugin](https://meta.discourse.org/t/discourse-mark-plugin/93059):
>
> discourse-mark Repository: [GitHub - sirideain/discourse-mark: Adds highlighting to Discourse](https://github.com/sirideain/discourse-mark)Features Adds an editor option to highlight text. Usage You can wrap text with == to highlight it. ==Highlighted Text== Installation Known Issues None Future Update icon to highlighter once Font Awesome 5 is available

---

<div class="post-metadata">

### Author: ![spirobel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/spirobel/32/170908_2.png) [@spirobel](https://meta.discourse.org/u/spirobel)
#### Post date: [2021年八月15日 08:41 UTC](https://meta.discourse.org/t/discourse-basic-editor/159431/49 "2021-08-15T08:41:15Z")

</div>

> [@GVG](#):
>
> 你好，它是否支持像标准编辑器那样的第三方附加插件功能？

它将改为支持 ckeditor 插件。

> [@neo](#):
>
> 报告一个 bug，看起来在激活插件后，管理部分被覆盖了。

这是我进行的一项界面简化实验，可能会放入一个单独的插件中。功能蔓延可不是好事，哈哈。

我想说点心里话：如果没有收入来源，让我写这些代码是没有意义的。我也曾尝试过闭源插件：

[![](https://global.discourse-cdn.com/meta/original/3X/f/6/f6affd7f55a2b0c779e2d5c5d992af281ad196a5.jpeg "Sync your Discord roles with your Discourse groups!") ](https://www.youtube.com/watch?v=C5paAvTYty4)

但问题在于代码会在买家之间被共享，这意味着需要不断吸引新客户，而这些客户并非通过口碑传播而来，这几乎不可持续。

因此，我很想知道你们是否愿意为此付费，以及你们对如何解决买家之间代码共享的问题有什么建议。  
如果愿意，请在下方评论中告诉我你们愿意支付多少。😃

_Poll ([view on site](https://meta.discourse.org/t/discourse-basic-editor/159431/49))_

非常感谢

---

<div class="post-metadata">

### Author: ![GVG](https://avatars.discourse-cdn.com/v4/letter/g/ba9def/32.png) [@GVG](https://meta.discourse.org/u/GVG)
#### Post date: [2021年八月15日 08:49 UTC](https://meta.discourse.org/t/discourse-basic-editor/159431/50 "2021-08-15T08:49:22Z")

</div>

> [@spirobel](#):
>
> 它将改为支持 ckeditor 插件。

你们新的所见即所得编辑器会改变帖子结构，使其不同于标准的 Discourse 吗？换句话说，如果你们的编辑器被禁用，使用该编辑器创建的帖子在用标准编辑器编辑时是否会遇到问题？

---

<div class="post-metadata">

### Author: ![neo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/neo/32/156675_2.png) [@neo](https://meta.discourse.org/u/neo)
#### Post date: [2021年八月15日 08:57 UTC](https://meta.discourse.org/t/discourse-basic-editor/159431/51 "2021-08-15T08:57:44Z")

</div>

您是否有筹集资金的变现计划？

---

<div class="post-metadata">

### Author: ![spirobel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/spirobel/32/170908_2.png) [@spirobel](https://meta.discourse.org/u/spirobel)
#### Post date: [2021年八月15日 09:03 UTC](https://meta.discourse.org/t/discourse-basic-editor/159431/52 "2021-08-15T09:03:35Z")

</div>

> [@GVG](#):
>
> 换句话说，如果你的编辑器被禁用，那么用你的编辑器创建的帖子在使用标准编辑器编辑时会出现任何问题吗？

目前，该编辑器生成的是 Markdown 格式，因此我们可以同时使用这两种编辑器而不会有任何问题。但如果我们坚持使用 Markdown，体验永远不会完美。这就是为什么最终方案将生成 HTML。如果这成为某些人的阻碍，因为他们不想被锁定，那么有一个简单的解决办法：只需将 HTML 转换回 Markdown 即可。

> [@neo](#):
>
> 你们有筹集资金的商业化计划吗？

我认为没有必要预先筹集资金。如果我知道有一群人愿意为此付费，并且知道他们愿意支付多少，我就可以直接完成代码开发。如果你对在公开场合讨论预算相关问题感到不自在，也可以通过私信联系我。

---

<div class="post-metadata">

### Author: ![GVG](https://avatars.discourse-cdn.com/v4/letter/g/ba9def/32.png) [@GVG](https://meta.discourse.org/u/GVG)
#### Post date: [2021年八月15日 09:32 UTC](https://meta.discourse.org/t/discourse-basic-editor/159431/53 "2021-08-15T09:32:56Z")

</div>

> [@spirobel](#):
>
> 目前编辑器生成的是 Markdown，因此我们可以同时使用两个编辑器而不会有任何问题。但如果我们坚持使用 Markdown，体验永远不会完美。

你尝试过与 Discourse 团队讨论这个细微之处吗？也许他们也想添加一些新的所见即所得（WYSIWYG）编辑器？

---

<div class="post-metadata">

### Author: ![spirobel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/spirobel/32/170908_2.png) [@spirobel](https://meta.discourse.org/u/spirobel)
#### Post date: [2021年八月15日 09:39 UTC](https://meta.discourse.org/t/discourse-basic-editor/159431/54 "2021-08-15T09:39:49Z")

</div>

> [@GVG](#):
>
> 你尝试过与 Discourse 团队讨论这个细微差别吗？也许他们也想添加一个新的所见即所得编辑器？

他们出于理念上的考虑决定不这样做。如果你感兴趣，可以在论坛中搜索相关细节。他们的论点完全合理，我表示尊重。这也是我致力于此项目的原因。

---

<div class="post-metadata">

### Author: ![oshyan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/oshyan/32/212644_2.png) [@oshyan](https://meta.discourse.org/u/oshyan)
#### Post date: [2021年十二月23日 18:42 UTC](https://meta.discourse.org/t/discourse-basic-editor/159431/55 "2021-12-23T18:42:30Z")

</div>

“Just-in-time rendering of markdown” 的方法越来越受欢迎。Roam Research 和 Obsidian（最新更新增加了所见即所得功能）以及前面提到的 Typora 都采用了这种方法。您可以在 Typora 网站上看到一些实际示例：

> **[Typora — simple yet powerful Markdown reader.](https://typora.io/)**
>
> Typora is a cross-platform minimal markdown editor, providing seamless experience for both markdown readers and writers.

这种“所见即所得”_结合_现有工具栏的方式对我来说是最好的。大多数人实际上并不需要超出 markdown 提供的格式。他们需要的是一种更直观的方式来生成和编辑 markdown。

---

<div class="post-metadata">

### Author: ![spirobel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/spirobel/32/170908_2.png) [@spirobel](https://meta.discourse.org/u/spirobel)
#### Post date: [2021年十二月24日 16:04 UTC](https://meta.discourse.org/t/discourse-basic-editor/159431/56 "2021-12-24T16:04:44Z")

</div>

> [@oshyan](#):
>
> 大多数人真的不需要超出 markdown 提供的格式。

说得好。我认为 tiptap.dev 是迄今为止最好的方法：它们有键盘快捷键，让您感觉像在编辑 markdown，但实际上是一个真正的所见即所得编辑器。我开始用 tiptap 重写插件，而不是用 ckeditor。但我没有发布它，因为我找不到资金（我不由 discourse 支付）。  
我也不在乎花我的空闲时间来处理这个问题。  
此致，  
Spirobel

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [2021年十二月24日 16:49 UTC](https://meta.discourse.org/t/discourse-basic-editor/159431/57 "2021-12-24T16:49:05Z")

</div>

每次用户必须使用（并记住）快捷方式和命令时，所见即所得（WYSIWYG）就无关紧要了。大多数人既不使用也不理解 Markdown 或 HTML。那些知道的人很少需要所见即所得，而且大多数情况是在不完全确定输出格式的情况下，例如表格。

这里有相当多的人生活在一个非常狭小的圈子里。WordPress 之所以受欢迎，Ghost 之所以处于边缘地位，是有原因的。

只有我一个人这么想吗？我讨厌 Typora。所有那些跳来跳去的操作让我头疼。

是的，我知道 Discourse（几乎）永远不会有真正的所见即所得，即使大多数用户会喜欢它。

---

<div class="post-metadata">

### Author: ![spirobel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/spirobel/32/170908_2.png) [@spirobel](https://meta.discourse.org/u/spirobel)
#### Post date: [2021年十二月25日 10:05 UTC](https://meta.discourse.org/t/discourse-basic-editor/159431/58 "2021-12-25T10:05:00Z")

</div>

> [@Jagster](#):
>
> 而且，我知道 Discourse 几乎永远不会实现真正的所见即所得，即使大多数用户会喜欢它。

这绝对是可以实现的。我已经完成了大约 80%。问题是：我没有足够的兴趣去完成它。Discourse 更像是一个公司产品，而不是一个开源项目。这里的人们大多是公司员工，或者想将 Discourse 用于他们自己的项目。所以，能量就不在那里了。也许有一天我真的无聊了，我会完成它，只是为了证明这一点。😀  
祝您有美好的一天，  
Spirobel 😄

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2021年十二月25日 11:11 UTC](https://meta.discourse.org/t/discourse-basic-editor/159431/59 "2021-12-25T11:11:35Z")

</div>

社区成员在这些项目上付出巨大努力，社区也需要付出更大的努力来赞助这些项目。

然而，在 Meta 内部进行众筹是一个棘手的领域。Pavilion 正在探索更简便的方法。

---

<div class="post-metadata">

### Author: ![th21](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/th21/32/211915_2.png) [@th21](https://meta.discourse.org/u/th21)
#### Post date: [2021年十二月26日 22:45 UTC](https://meta.discourse.org/t/discourse-basic-editor/159431/60 "2021-12-26T22:45:26Z")

</div>

这个网站是否仍然可以用于测试此插件？看起来它仍然在使用内置编辑器。

[上一頁](https://meta.discourse.org/t/discourse-basic-editor/159431.md?page=2)

[下一頁](https://meta.discourse.org/t/discourse-basic-editor/159431.md?page=4)
