# WYSIWYG Editor Plugin

**URL:** https://meta.discourse.org/t/wysiwyg-editor-plugin/68246
**Category:** Development
**Created:** [August 17, 2017, 3:25pm UTC](https://meta.discourse.org/t/wysiwyg-editor-plugin/68246 "2017-08-17T15:25:13Z")
**Posts on this page:** 19
**Page:** 1

<div class="post-metadata">

### Author: ![quangbuule](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/quangbuule/32/120671_2.png) [@quangbuule](https://meta.discourse.org/u/quangbuule)
#### Post date: [August 17, 2017, 3:25pm UTC](https://meta.discourse.org/t/wysiwyg-editor-plugin/68246/1 "2017-08-17T15:25:13Z")

</div>

This is work in progress, please give me some thought. 😄 💪

[https://global.discourse-cdn.com/meta/original/3X/6/9/69cbe3627f90d7d4a7e3f9d2909548d26de8618a.mp4](https://global.discourse-cdn.com/meta/original/3X/6/9/69cbe3627f90d7d4a7e3f9d2909548d26de8618a.mp4)

---

<div class="post-metadata">

### Author: ![erlend\_sh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/erlend_sh/32/119475_2.png) [@erlend\_sh](https://meta.discourse.org/u/erlend_sh)
#### Post date: [August 17, 2017, 3:32pm UTC](https://meta.discourse.org/t/wysiwyg-editor-plugin/68246/2 "2017-08-17T15:32:56Z")

</div>

Intriguing! Are you planning to eventually open source your work?

---

<div class="post-metadata">

### Author: ![quangbuule](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/quangbuule/32/120671_2.png) [@quangbuule](https://meta.discourse.org/u/quangbuule)
#### Post date: [August 17, 2017, 3:47pm UTC](https://meta.discourse.org/t/wysiwyg-editor-plugin/68246/3 "2017-08-17T15:47:52Z")

</div>

I would love to do so.

---

<div class="post-metadata">

### Author: ![erlend\_sh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/erlend_sh/32/119475_2.png) [@erlend\_sh](https://meta.discourse.org/u/erlend_sh)
#### Post date: [August 17, 2017, 3:55pm UTC](https://meta.discourse.org/t/wysiwyg-editor-plugin/68246/4 "2017-08-17T15:55:35Z")

</div>

Awesome. Please update us here when you do. I’m very curious to find out what libraries you’re building this on top of. I always thought Prosemirror would be a good foundation for WYSIWYG in Discourse, since it is also using @vitaly’s excellent markdown-it library.

Also, are you doing this as a personal project (i.e. for the fun and challenge of it, and scratching an itch) or is this work being sponsored in some way? I ask because within the Meta community there’s huge interest in rich editing, so there are a couple different avenues we could explore to support this work.

---

<div class="post-metadata">

### Author: ![quangbuule](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/quangbuule/32/120671_2.png) [@quangbuule](https://meta.discourse.org/u/quangbuule)
#### Post date: [August 17, 2017, 4:19pm UTC](https://meta.discourse.org/t/wysiwyg-editor-plugin/68246/5 "2017-08-17T16:19:40Z")

</div>

This is kind of personal project, I am in the middle of converting my own forum into discourse, but Markdown would be big obstacle for my users, that’s why I have been doing this (on spare time).  
This editor intents to be compatible with Discourse, I am challenging with quotes and Markdown, so far so good. 💪

---

<div class="post-metadata">

### Author: ![quangbuule](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/quangbuule/32/120671_2.png) [@quangbuule](https://meta.discourse.org/u/quangbuule)
#### Post date: [August 18, 2017, 2:05am UTC](https://meta.discourse.org/t/wysiwyg-editor-plugin/68246/6 "2017-08-18T02:05:27Z")

</div>

Hi folks, should we allow editing text inside quote? it is currently allowed to do so.

---

<div class="post-metadata">

### Author: ![mcwumbly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mcwumbly/32/103861_2.png) [@mcwumbly](https://meta.discourse.org/u/mcwumbly)
#### Post date: [August 18, 2017, 5:13am UTC](https://meta.discourse.org/t/wysiwyg-editor-plugin/68246/7 "2017-08-18T05:13:20Z")

</div>

> [@quangbuule](#):
>
> Hi folks, should we allow editing text inside quote? It is currently allowed to do so.

I do this regularly. Sometimes to fix a typo, sometimes to add emphasis. Sometimes to add ellipses when removing parts of the quote for brevity.

So, it’s nice to have. But I don’t think it’s _must_ have if you’re looking for ways to cut scope and get an initial release out sooner.

---

<div class="post-metadata">

### Author: ![quangbuule](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/quangbuule/32/120671_2.png) [@quangbuule](https://meta.discourse.org/u/quangbuule)
#### Post date: [August 18, 2017, 6:02am UTC](https://meta.discourse.org/t/wysiwyg-editor-plugin/68246/8 "2017-08-18T06:02:28Z")

</div>

Alright, have that done. I am making way to insert text before and after quote blocks.

---

<div class="post-metadata">

### Author: ![erlend\_sh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/erlend_sh/32/119475_2.png) [@erlend\_sh](https://meta.discourse.org/u/erlend_sh)
#### Post date: [August 18, 2017, 7:40am UTC](https://meta.discourse.org/t/wysiwyg-editor-plugin/68246/9 "2017-08-18T07:40:30Z")

</div>

If you want more feedback, we can set you up with a public demo instance on Digital Ocean. There’s going to be a whole bunch of people around here eager to try it out. You can send me a PM about it.

---

<div class="post-metadata">

### Author: ![quangbuule](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/quangbuule/32/120671_2.png) [@quangbuule](https://meta.discourse.org/u/quangbuule)
#### Post date: [August 19, 2017, 11:27am UTC](https://meta.discourse.org/t/wysiwyg-editor-plugin/68246/10 "2017-08-19T11:27:59Z")

</div>

This is what would happen when quoting more while the cursor (of the editor) is inside another quote.

[https://global.discourse-cdn.com/meta/original/3X/7/e/7e447af2e79b93372fde8a81a6ff2247a86e0647.mp4](https://global.discourse-cdn.com/meta/original/3X/7/e/7e447af2e79b93372fde8a81a6ff2247a86e0647.mp4)

---

<div class="post-metadata">

### Author: ![quangbuule](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/quangbuule/32/120671_2.png) [@quangbuule](https://meta.discourse.org/u/quangbuule)
#### Post date: [August 24, 2017, 2:49pm UTC](https://meta.discourse.org/t/wysiwyg-editor-plugin/68246/11 "2017-08-24T14:49:52Z")

</div>

Things done recently:

- Copying / pasting rich text.
- Quote editing.
- Adding/Removing link.
- Rich text to markdown conversion to save to the database.

[https://global.discourse-cdn.com/meta/original/3X/3/3/330c3648aea0297552184ca5834e92babc8813a5.mp4](https://global.discourse-cdn.com/meta/original/3X/3/3/330c3648aea0297552184ca5834e92babc8813a5.mp4)

---

<div class="post-metadata">

### Author: ![Cozdabuch](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cozdabuch/32/139120_2.png) [@Cozdabuch](https://meta.discourse.org/u/Cozdabuch)
#### Post date: [February 5, 2018, 8:28am UTC](https://meta.discourse.org/t/wysiwyg-editor-plugin/68246/12 "2018-02-05T08:28:30Z")

</div>

any updates to this?

---

<div class="post-metadata">

### Author: ![Mark\_Finnern1](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mark_finnern1/32/106320_2.png) [@Mark\_Finnern1](https://meta.discourse.org/u/Mark_Finnern1)
#### Post date: [August 28, 2018, 10:02pm UTC](https://meta.discourse.org/t/wysiwyg-editor-plugin/68246/13 "2018-08-28T22:02:23Z")

</div>

I know there have been discussions, I still think a WYSIWYG editor would make it easier for the nontechies.

Did you run out of steam? Or why are there no updates lately? I checked the video and it looked pretty good.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [August 28, 2018, 10:23pm UTC](https://meta.discourse.org/t/wysiwyg-editor-plugin/68246/14 "2018-08-28T22:23:15Z")

</div>

> [@Mark\_Finnern1](#):
>
> it looked pretty good.

I am afraid that here there is an enormous chasm between “pretty good” and “good enough”. There are lots and lots of edge cases that make this such a hard problem, our editor is super rich.

Overall, we find that many non-tech communities get used to the current editor and almost never complain about it.

---

<div class="post-metadata">

### Author: ![masu](https://avatars.discourse-cdn.com/v4/letter/m/fbc32d/32.png) [@masu](https://meta.discourse.org/u/masu)
#### Post date: [February 29, 2020, 12:17pm UTC](https://meta.discourse.org/t/wysiwyg-editor-plugin/68246/15 "2020-02-29T12:17:43Z")

</div>

Hello,  
I support a WYSIWYG Editor for future versions of Discourse Forum.  
This would make editing much easier and the screen size could be better used.

---

<div class="post-metadata">

### Author: ![nexo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nexo/32/106384_2.png) [@nexo](https://meta.discourse.org/u/nexo)
#### Post date: [March 4, 2020, 9:37am UTC](https://meta.discourse.org/t/wysiwyg-editor-plugin/68246/16 "2020-03-04T09:37:02Z")

</div>

Any word on what happened here? The video demonstrates a working, excellent feature. The repo is here: [GitHub - quangbuule/Discourse-BEditor: Replacing Discourse Editor (d-editor) to Better Editor with WYSIWYG feature. · GitHub](https://github.com/quangbuule/Discourse-BEditor)

---

<div class="post-metadata">

### Author: ![meglio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/meglio/32/71444_2.png) [@meglio](https://meta.discourse.org/u/meglio)
#### Post date: [October 9, 2020, 4:31am UTC](https://meta.discourse.org/t/wysiwyg-editor-plugin/68246/17 "2020-10-09T04:31:23Z")

</div>

I’d also happily turn wysiwyg mode ON for both our non-technical community and project management community. Turning it on in the latter would allow us to bring the client’s team on board and let them contribute to discussions in there.

---

<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: [October 9, 2020, 6:42am UTC](https://meta.discourse.org/t/wysiwyg-editor-plugin/68246/18 "2020-10-09T06:42:06Z")

</div>

I am working on a wysiwg editor plugin at the moment. Please read about the details in this thread:

> [@Discourse Basic Editor](https://meta.discourse.org/t/discourse-basic-editor-beginner-friendly-composer/159431):
>
> Hi, I am working on a plugin at the moment that replaces the standard editor with a wysiwg editor. I think its easier for beginner users like myself and others. Here is a short video on how it works so far and what my plans are: [[Discourse.org - A more user friendly editor for beginners] ](https://www.youtube.com/watch?v=Mkb-igD7j7k) I think it will be finished in the next few months ( depending on my motivation smiley ) I would be interested if others are interested in using this as well. Thaaaanks slightly_smiling_face P…

you can also write test posts on

[http://cidian.social](http://cidian.social)

although this link might change/break later ( its my personal dev instance until my site is launched).

It works already quite well, but certain discourse additions to markdown are still only visible in the preview until I switch over to html only posts. But I recon thats okay for beginners as they wont use these features anyway.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [March 12, 2025, 11:39pm UTC](https://meta.discourse.org/t/wysiwyg-editor-plugin/68246/19 "2025-03-12T23:39:52Z")

</div>

Discourse is now shipping an experimental WYSIWYG composer 🎊

> [@Test our new composer!](https://meta.discourse.org/t/test-our-new-composer-on-meta/352347/1):
>
> We have been working on a new rich text editor mode for our composer so that it’s easier to write on Discourse. We’re now ready to start testing it out to get more feedback from our community on this feature! Our implementation builds upon the excellent [ProseMirror](https://prosemirror.net/) and its non-core [Markdown module](https://github.com/ProseMirror/prosemirror-markdown), using the module’s schema, parsing, and serialization definitions as the base for further Discourse-specific features. This topic will serve as both a guide to testing the new composer and a hub for…
