# מי שהעדיף WYSIWYG סטנדרטי על פני Markdown?

**URL:** https://meta.discourse.org/t/who-would-prefer-a-standard-wysiwyg-to-markdown/31340
**Category:** Feature
**Tags:** markdown
**Created:** [23 ביולי,‏ 2015,‏ 8:32am UTC](https://meta.discourse.org/t/who-would-prefer-a-standard-wysiwyg-to-markdown/31340 "2015-07-23T08:32:42Z")
**Posts on this page:** 20
**Page:** 2

<div class="post-metadata">

### Author: ![purldator](https://avatars.discourse-cdn.com/v4/letter/p/bcef8e/32.png) [@purldator](https://meta.discourse.org/u/purldator)
#### Post date: [30 ביולי,‏ 2015,‏ 5:01am UTC](https://meta.discourse.org/t/who-would-prefer-a-standard-wysiwyg-to-markdown/31340/21 "2015-07-30T05:01:06Z")

</div>

> [@codinghorror](#):
>
> For our use case it is like killing a fly with a bazooka.

You too? Yeah, I know those feels.

I don’t understand the outright _need_ for a WYSIWYG editor. The preview pane is on my right and I can easily futz and go pedantic-crazy on my markdown formatting just the way I like it.

[I have said elsewhere](http://discourse.codinghorror.com/t/toward-a-better-markdown-tutorial/3178/24) that Markdown adoption boils down to two things: association with the IT crowd and the tenacity against change. AKA, “if it ain’t broke don’t fix it” and other cop-outs to say when something does the job but it could be a little bit more (or a lot more) efficient, lightweight, less work to maintain and generally easier in the long run to maintain.

The Medium style is a good option. I prefer how [Stackedit][1] does it:

 ![](https://global.discourse-cdn.com/meta/original/3X/9/6/9695d5ab669b346c758ba70e45f880bcdfccf10c.png) 

Stackedit has the same Markdown buttons as Discourse, but the editing field offers _some_ slight styling so a user knows the Markdown syntax is correct. For **bold** and _italics_ it shows both outright while maintaining the raw Markdown that caused it.

Best of both worlds; a compromise.  
[1]: [http://stackedit.io](http://stackedit.io)

---

<div class="post-metadata">

### Author: ![riking](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/riking/32/170938_2.png) [@riking](https://meta.discourse.org/u/riking)
#### Post date: [30 ביולי,‏ 2015,‏ 5:23am UTC](https://meta.discourse.org/t/who-would-prefer-a-standard-wysiwyg-to-markdown/31340/22 "2015-07-30T05:23:01Z")

</div>

Hey, I think that with contentEditable we could actually pull that off…

the benefit is questionable except on mobile, though.

---

<div class="post-metadata">

### Author: ![Brentnauer](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/brentnauer/32/114845_2.png) [@Brentnauer](https://meta.discourse.org/u/Brentnauer)
#### Post date: [30 ביולי,‏ 2015,‏ 4:58pm UTC](https://meta.discourse.org/t/who-would-prefer-a-standard-wysiwyg-to-markdown/31340/23 "2015-07-30T16:58:45Z")

</div>

I think that’s a clever way to do things, but it seems a little redundant with the preview pane being present.

---

<div class="post-metadata">

### Author: ![Brentnauer](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/brentnauer/32/114845_2.png) [@Brentnauer](https://meta.discourse.org/u/Brentnauer)
#### Post date: [30 ביולי,‏ 2015,‏ 5:02pm UTC](https://meta.discourse.org/t/who-would-prefer-a-standard-wysiwyg-to-markdown/31340/24 "2015-07-30T17:02:29Z")

</div>

I agree with this.

Running communities on and off for several years I’ve come to see how much of a headache it can be… Most people stick to bold, italic, links, videos, images etc. That’s all you really need to convey yourself appropriately in a conversation.

Then there’s the people who want everything they write to be in 18px bright green Comic Sans for no other reason than because the option is there.

---

<div class="post-metadata">

### Author: ![purldator](https://avatars.discourse-cdn.com/v4/letter/p/bcef8e/32.png) [@purldator](https://meta.discourse.org/u/purldator)
#### Post date: [30 ביולי,‏ 2015,‏ 5:57pm UTC](https://meta.discourse.org/t/who-would-prefer-a-standard-wysiwyg-to-markdown/31340/25 "2015-07-30T17:57:12Z")

</div>

I fully agree with you 100%. That’s why I am still unsure the _need_ for WYSIWYG. But my idea/inspiration is a compromise.

---

<div class="post-metadata">

### Author: ![purldator](https://avatars.discourse-cdn.com/v4/letter/p/bcef8e/32.png) [@purldator](https://meta.discourse.org/u/purldator)
#### Post date: [30 ביולי,‏ 2015,‏ 6:08pm UTC](https://meta.discourse.org/t/who-would-prefer-a-standard-wysiwyg-to-markdown/31340/26 "2015-07-30T18:08:28Z")

</div>

For mobile, I think the pseudo WYSIWYG will make the post writing experience easier and enjoyable; regardless of this current topic.

---

<div class="post-metadata">

### Author: ![mik01aj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mik01aj/32/116019_2.png) [@mik01aj](https://meta.discourse.org/u/mik01aj)
#### Post date: [29 באוקטובר,‏ 2015,‏ 2:58pm UTC](https://meta.discourse.org/t/who-would-prefer-a-standard-wysiwyg-to-markdown/31340/27 "2015-10-29T14:58:31Z")

</div>

> [@codinghorror](#):
>
> Also the way to add embeds, video, images, etc on Medium is really minimal. Note the plus disappears when you enter text!

I love how it works on Medium and I think it would be also good for forums like Discourse. I love markdown (I’m a programmer), but my users find it confusing.

How is your current status here? Do you plan on implementing it, or are you happy with the [rewritten markdown editor](https://meta.discourse.org/t/help-us-test-the-rewritten-composer/34679)?

Possibly useful open source projects:

> **[GitHub - JonasDoebertin/kirby-visual-markdown: Visual Markdown Editor for Kirby CMS 2](https://github.com/JonasDoebertin/kirby-visual-markdown)**
>
> Visual Markdown Editor for Kirby CMS 2

> **[Markdown - HalloJS](https://hallojs.org/markdown/)**
>
> Information on our review marking scheme. Coming soon.

---

<div class="post-metadata">

### Author: ![mik01aj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mik01aj/32/116019_2.png) [@mik01aj](https://meta.discourse.org/u/mik01aj)
#### Post date: [2 בנובמבר,‏ 2015,‏ 3:49pm UTC](https://meta.discourse.org/t/who-would-prefer-a-standard-wysiwyg-to-markdown/31340/28 "2015-11-02T15:49:25Z")

</div>

One more, and this seems to be pretty nice:

[https://github.com/netgusto/upndown](https://github.com/netgusto/upndown)

It is a WYSIWYG editor that generates Markdown under the hood. Could be a good starting point for a new Discourse’s editor.

* * *

Edit: I’m a bit lost in all the discussions about the editor (aka composer) and I don’t know in which topic should I post. There’s [this](https://meta.discourse.org/t/redesign-editor-to-improve-the-writing-experience-on-desktop/34957/11) and [this](https://meta.discourse.org/t/help-us-test-the-rewritten-composer/34679) and [this](https://meta.discourse.org/t/more-advance-editor-should-be-here/14102/16)…

---

<div class="post-metadata">

### Author: ![josefkreitmayer](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/josefkreitmayer/32/116686_2.png) [@josefkreitmayer](https://meta.discourse.org/u/josefkreitmayer)
#### Post date: [18 בינואר,‏ 2016,‏ 11:06am UTC](https://meta.discourse.org/t/who-would-prefer-a-standard-wysiwyg-to-markdown/31340/29 "2016-01-18T11:06:23Z")

</div>

having the choice would be great.

Personally, I started to like marktdown, but at the same time several times got the impression, that it holds non-technical people away. [We are a socio-technical project](https://discourse.transformap.co/). For a substantial part of the non-technical people, it seems too complex and painful to learn.

There is so much beauty in discourse, and I see it a pitty, that the sole choice of the markdown editor is limiting the possibilities to integrate people. We noticed that especially with female non-technical contributors above 40 years of age.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [18 בינואר,‏ 2016,‏ 11:36am UTC](https://meta.discourse.org/t/who-would-prefer-a-standard-wysiwyg-to-markdown/31340/30 "2016-01-18T11:36:28Z")

</div>

Markdown isn’t the sole choice; BBCode and HTML also work.

There is also this, to teach people, with a quick reference and an easy “anyone can do it” 10 minute tutorial:

**[commonmark.org/help](http://commonmark.org/help)**

Spread the link far and wide!

---

<div class="post-metadata">

### Author: ![josefkreitmayer](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/josefkreitmayer/32/116686_2.png) [@josefkreitmayer](https://meta.discourse.org/u/josefkreitmayer)
#### Post date: [18 בינואר,‏ 2016,‏ 12:42pm UTC](https://meta.discourse.org/t/who-would-prefer-a-standard-wysiwyg-to-markdown/31340/31 "2016-01-18T12:42:18Z")

</div>

Thank you @codinghorror

Of course, we will use the ressource, you provided and spread it, still, it is far from a solution to the challenge, I understand the coder´s mind, that it is sooo simple, and hey, it also supports BBCode and HTML, but for non-coders, that simply want to contribute to the topic of the respective forum, that information is of little help.

People don´t want to be educated, they simply want stuff to work : )

That is also, why WYSIWYG is so successful. Personally, I would not like to go back, but I also know, that many of our (possible) contributors would like to have an option.

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [18 בינואר,‏ 2016,‏ 5:00pm UTC](https://meta.discourse.org/t/who-would-prefer-a-standard-wysiwyg-to-markdown/31340/32 "2016-01-18T17:00:49Z")

</div>

> [@josefkreitmayer](#):
>
> We noticed that especially with female non-technical contributors above 40 years of age.

Did you do some user testing? Or how did you arrive at this? It doesn’t really reflect our experience and we have many members who are non technical women and men of all ages. Also in many countries and using many devices, some with limited Internet access.

The editor is not hard to use to participate in discussions and is not excluding anybody.

It’s true that at the beginning decision makers in our organization complained and pushed back. But once they realized they can participate by email and that the editor is easy for basic posting those complaints have stopped.

---

<div class="post-metadata">

### Author: ![ccdw](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ccdw/32/51564_2.png) [@ccdw](https://meta.discourse.org/u/ccdw)
#### Post date: [18 בינואר,‏ 2016,‏ 6:26pm UTC](https://meta.discourse.org/t/who-would-prefer-a-standard-wysiwyg-to-markdown/31340/33 "2016-01-18T18:26:08Z")

</div>

> [@tobiaseigen](#):
>
> The editor is not hard to use to participate in discussions and is not excluding anybody.

We may not be excluding folks but we are offering something different from what many are being exposed to on mainstream systems such as Google Docs, O365 and most web mail editors. Not to mention the desktop experience.

And even if we all agreed Markdown was superior to WYSIWYG editors, and it’s widespread adoption became inevitable, in the meantime we are forcing a subset of potential adopters to undertake some cold turkey. This for many may well be a barrier to entry - and who here can hold their hand up and claim to be replete with community members?

---

<div class="post-metadata">

### Author: ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)
#### Post date: [18 בינואר,‏ 2016,‏ 6:47pm UTC](https://meta.discourse.org/t/who-would-prefer-a-standard-wysiwyg-to-markdown/31340/34 "2016-01-18T18:47:04Z")

</div>

Maybe for some communities the instructions in the editor could be simplified. Instead of saying _‘Type here. Use Markdown, BBCode, or HTML to format. Drag or paste images.’_ It could say something like _‘Type here. Add a space between lines to create a new paragraph.’_

A prominent, dismissible link to the markdown tutorial could be added to the editor, or added to the header when the editor is visible.

---

<div class="post-metadata">

### Author: ![jomaxro](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jomaxro/32/126216_2.png) [@jomaxro](https://meta.discourse.org/u/jomaxro)
#### Post date: [18 בינואר,‏ 2016,‏ 8:30pm UTC](https://meta.discourse.org/t/who-would-prefer-a-standard-wysiwyg-to-markdown/31340/35 "2016-01-18T20:30:28Z")

</div>

> [@simon](#):
>
> A prominent, dismissible link to the markdown tutorial could be added to the editor, or added to the header when the editor is visible.

Alternatively/Additionally, the tutorial link could be included in the new user PM. Over on my site we added the link in our Meta section under the title “Want to learn Markdown (how to format your posts)?”. If someone cares enough about formatting their posts, and understands the basics of how Discourse is organized, it is about as easy to find as it can be.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [18 בינואר,‏ 2016,‏ 9:01pm UTC](https://meta.discourse.org/t/who-would-prefer-a-standard-wysiwyg-to-markdown/31340/36 "2016-01-18T21:01:53Z")

</div>

> [@jomaxro](#):
>
> the tutorial link could be included in the new user PM

Oh that’s a good idea. Let me add that… ok added under Reply section:

* * *

Your reply can be formatted using simple HTML, BBCode, or [Markdown](http://commonmark.org/help/):

```
This is **bold**.
This is <b>bold</b>.
This is [b]bold[/b].

```

Want to learn Markdown? [Take our fun 10 minute interactive tutorial!](http://commonmark.org/help/tutorial/)

---

<div class="post-metadata">

### Author: ![Talin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/talin/32/121928_2.png) [@Talin](https://meta.discourse.org/u/Talin)
#### Post date: [11 בפברואר,‏ 2016,‏ 7:50pm UTC](https://meta.discourse.org/t/who-would-prefer-a-standard-wysiwyg-to-markdown/31340/37 "2016-02-11T19:50:18Z")

</div>

I think that the weakness of Markdown becomes most apparent when you start adding images to a post.

I agree that for most non-technical users, plain text gets most of what they need. The other style options are important for the more literate users (I’m fond of block quotes and bullet points) but most users aren’t going to be using them.

(I’m also strongly in favor of limiting styles to only ones that are semantically meaningful - section headings yes, arbitrary font changes no. So a WYSIWYG editor doesn’t need any more buttons than you already have. Most of the open-source embeddable WYSIWYG editors allow you to customize the toolbar and the set of HTML element types that are allowed, so you can ensure that users won’t go crazy with styles.)

However the one non-plain-text thing that “normal” users do a _lot_ is embedding images. This, I think, is where Markdown becomes particularly confusing, especially when the ‘src’ attribute of the ‘img’ tag looks like a lot of garbage text to someone who doesn’t know about filename hashes.

BTW I’ve done some experiments with TinyMCE in my own coding and found it to be perfectly usable for a use case like Discourse. The widget can be attached to any textarea element and replaces it with an iframe with the editor inside. (I’m not saying you should adopt TinyMCE, I’m merely saying that it’s an example of what can be done.)

As I mentioned in the other thread, our main user base is going to be doctors and cancer patients, many of the latter group being elderly and not particularly computer-literate. Forcing them to learn Markdown is pretty much a deal-breaker for us.

---

<div class="post-metadata">

### Author: ![Yuun](https://avatars.discourse-cdn.com/v4/letter/y/977dab/32.png) [@Yuun](https://meta.discourse.org/u/Yuun)
#### Post date: [11 בפברואר,‏ 2016,‏ 8:30pm UTC](https://meta.discourse.org/t/who-would-prefer-a-standard-wysiwyg-to-markdown/31340/38 "2016-02-11T20:30:18Z")

</div>

> [@Talin](#):
>
> However the one non-plain-text thing that “normal” users do a lot is embedding images. This, I think, is where Markdown becomes particularly confusing, especially when the ‘src’ attribute of the ‘img’ tag looks like a lot of garbage text to someone who doesn’t know about filename hashes.

Have you played much with inserting images? Discourse does it pretty well, I don’t think I’ve ever had to actually type out img tags.

Dragging and dropping images in (with automatic upload) as well as automatically parsing image URLs takes care of your day-to-day image insertion more than well enough, in my experience.

---

<div class="post-metadata">

### Author: ![Talin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/talin/32/121928_2.png) [@Talin](https://meta.discourse.org/u/Talin)
#### Post date: [11 בפברואר,‏ 2016,‏ 8:36pm UTC](https://meta.discourse.org/t/who-would-prefer-a-standard-wysiwyg-to-markdown/31340/39 "2016-02-11T20:36:33Z")

</div>

> [@Yuun](#):
>
> Have you played much with inserting images? Discourse does it pretty well, I don’t think I’ve ever had to actually type out img tags.

I’m not talking about having to type them out. I’m referring to the fact that what you see in the preview window looks very different than what you see in the editing window. A lot of people are going to wonder why there’s this long string of characters in the middle of where they are typing. The association between the img tag and the image in the preview window may seem trivial to you, but that’s because (I assume) you are an abstract thinker.

---

<div class="post-metadata">

### Author: ![Yuun](https://avatars.discourse-cdn.com/v4/letter/y/977dab/32.png) [@Yuun](https://meta.discourse.org/u/Yuun)
#### Post date: [11 בפברואר,‏ 2016,‏ 9:11pm UTC](https://meta.discourse.org/t/who-would-prefer-a-standard-wysiwyg-to-markdown/31340/40 "2016-02-11T21:11:57Z")

</div>

Oh okay, I see what you’re getting at now, sorry for the misunderstanding.

I don’t know, it’s awkward to comment further here, I’m certain you understand the community you’re working with better than I do, and the discourse team is much better positioned to comment on whether reaching that sort of community is worth the coding pain.

I am curious though, why do you suppose that making the connection between img tag code and the image appearing on the right is going to be such an issue? A user doesn’t actually need to learn any Markdown to make the connection, just note that it happens consistently when they insert some image and results in an image appearing.

I know I’m just stumbling around your point about it only seeming trivial to me, but I don’t understand how your users will really make use of Discourse if this presents such a stumbling block. The intuitiveness and polish in Discourse’s image handling was one of the biggest positives for my community, it’s difficult seeing it from the other direction.

[Previous page](https://meta.discourse.org/t/who-would-prefer-a-standard-wysiwyg-to-markdown/31340.md?page=1)

[Next page](https://meta.discourse.org/t/who-would-prefer-a-standard-wysiwyg-to-markdown/31340.md?page=3)
