# Redesign editor to improve the writing experience \[on Desktop\]
**URL:** https://meta.discourse.org/t/redesign-editor-to-improve-the-writing-experience-on-desktop/34957
**Category:** UX
**Tags:** composer
**Created:** [10월 27, 2015, 7:39오전 UTC](https://meta.discourse.org/t/redesign-editor-to-improve-the-writing-experience-on-desktop/34957 "2015-10-27T07:39:46Z")
**Posts on this page:** 17
**Page:** 1
### Author:  [@madrush](https://meta.discourse.org/u/madrush)
#### Post date: [10월 27, 2015, 7:39오전 UTC](https://meta.discourse.org/t/redesign-editor-to-improve-the-writing-experience-on-desktop/34957/1 "2015-10-27T07:39:46Z")
I’m really interested in having good and conscientious writers on my Discourse site—writers who not only write well, but also enjoy the _aesthetics_ of writing, and who feel that their own writing process is served by the aesthetics of the interface before their eyes.
By this I don’t mean beauty for beauty’s sake, or any kind of unnecessary frills. One thing that’s a nice about a simple, spiral-bound notebook, for example (for purposes of journaling or taking notes) it’s that is just so _serviceable_ and unprepossessing. (A notebook that’s _too nice_ is hard to write in.)
There is a functional simplicity, an aesthetic spareness, to a good notebook that does everything you need, which is essentially one thing: let you think.
A forum is similar. Its purpose is to work out our minds—with other minds.
I would like to imagine, for my community of writers, that we are writing together in a sort of “internet of notebooks.” But we get to write on each other pages, add stuff in the margins, and make connections between scraps of thought in a somewhat organized (by categories and topics and such) yet organic way.
One of the reasons I’m so excited about Discourse is that it seems to provide the background technology to accomplish this. However, I believe the actual aesthetic of the writing experience (to get back to my original point) can be improved. By “aesthetics” I also mean something like **visual ergonomics**.
For example: as I sit at my desktop writing this post, here is what I see:
Here’s what I like:
- not too many buttons.
- good width to composer
- default vertical space is good, but could give a little more height for breathing room
What I don’t like:
- My eyes have to look at lower left corner of screen, instead of front and center.
- Seeing double. I prefer a single pane to focus on by default.
- But if I hide the preview area, my line length goes twice as wide. Too wide for reading comfort.
Of course, I wouldn’t want to lose the context of the site, or the post I may be replying to, in the background; so I wouldn’t put the editor totally front and center, covering the entire screen (like Wordpress’ full-screen editor view). This is not a personal blog, but still a discussion space…
So my feedback boils down to that there needs to be a more elegant balance, in my opinion, between the editor (the writing and thinking I’m focused on) and the background content I’m engaging with (the “notebook”).
Maybe something like this could be workable?
The only thing I’m not sure of is how the preview would be appear. Maybe as an overlay?
Thanks for the great software! I’m enjoying learning how it works and conceiving the possibilities for my site.
---
### Author:  [@Tom\_Newsom](https://meta.discourse.org/u/Tom_Newsom)
#### Post date: [10월 27, 2015, 9:39오전 UTC](https://meta.discourse.org/t/redesign-editor-to-improve-the-writing-experience-on-desktop/34957/2 "2015-10-27T09:39:43Z")
Having to context switch to preview is worse than sliding your eyes right, IMO. In the absence of wysiwyg, you have to have live preview if you want to keep the writing experience fluid.
---
### Author:  [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [10월 27, 2015, 1:53오후 UTC](https://meta.discourse.org/t/redesign-editor-to-improve-the-writing-experience-on-desktop/34957/3 "2015-10-27T13:53:21Z")
I think this is quite good feedback, actually. WordPress does this well with its tabbed toggle Visual/Text view and I prefer it to the side by side view. The optional full screen mode to let you completely focus on your writing is nice too.
I’m willing to go along with the current setup personally and have gotten used to it, but new members usually find the side by side composer to be very confusing and don’t know where to look and click.
Simply defaulting to the view without preview (this could be an admin or user setting) and showing the composer, centered and same relative width, would already be a big improvement.
---
### Author:  [@mik01aj](https://meta.discourse.org/u/mik01aj)
#### Post date: [10월 29, 2015, 2:49오후 UTC](https://meta.discourse.org/t/redesign-editor-to-improve-the-writing-experience-on-desktop/34957/4 "2015-10-29T14:49:30Z")
> [@madrush](#):
>
> The only thing I’m not sure of is how the preview would be appear. Maybe as an overlay?
Imho this would require a WYSIWYG editor. Gmail does it right:
Btw. There is a recent related topic:
> [@Help us test the rewritten Composer](https://meta.discourse.org/t/help-us-test-the-rewritten-composer/34679):
>
> We’ve been using [pagedown](https://code.google.com/p/pagedown/) as our rich composer for years. Unfortunately, we’d outgrown it in a few ways: It’s very hard to extend to add features. It hasn’t been updated in years. It had implementations of features we didn’t like or found buggy like undo/redo. We forked the editor and removed them but that just left us with a lot of dead code. It had zero tests. Modifying it meant we could be taking a detour to regression town U.S.A. We made the decision to rewrite our composer us…
---
### Author:  [@madrush](https://meta.discourse.org/u/madrush)
#### Post date: [10월 29, 2015, 5:52오후 UTC](https://meta.discourse.org/t/redesign-editor-to-improve-the-writing-experience-on-desktop/34957/5 "2015-10-29T17:52:27Z")
Ah, thanks! I was looking for that post. I had seen it in a digest, which is what got me thinking about the editor. But, I was searching for “editor” instead of “composer” so it didn’t come up to add my feedback there.
I agree that the Gmail design is an improvement. The only thing I don’t like about either Discourse’s pagedown or Gmail is having the editor/composer in a bottom corner of the screen. It seems to de-prioritize the actual act of ‘composing’.
My eyes want to look straight ahead, not down to the left or right, when I’m writing. The subtle effect is to make my mind feel like I’m “squeezing in” my thoughts in the corner, rather than expressing them openly and straightforwardly.
I don’t know if anyone else feels this way, or I’m just being picky. But generally, if I actually want to write something meaningful and thoughtful, I want to eliminate distractions and put the blank page or window right in front of my eyes.
On the other hand, I still need to write in context—in this case, in reply to a discussion thread. Therefore, I think it’s still important that the context be visible behind the composer. But I think it should be faded or receded somehow…again, to allow better focus on the act of writing itself.
---
### Author:  [@Mittineague](https://meta.discourse.org/u/Mittineague)
#### Post date: [10월 29, 2015, 5:59오후 UTC](https://meta.discourse.org/t/redesign-editor-to-improve-the-writing-experience-on-desktop/34957/6 "2015-10-29T17:59:07Z")
> [@madrush](#):
>
> bottom corner of the screen
I have no problem with it being there, but I’m used to working with apps that have “panes”
> [@madrush](#):
>
> eliminate distractions
I don’t find the topic posts to be distracting. In fact I often rely on them being there for “reference” and to select - quotes from them. So some type of “lightbox modal” wouldn’t work for me.
---
### Author:  [@madrush](https://meta.discourse.org/u/madrush)
#### Post date: [10월 29, 2015, 7:13오후 UTC](https://meta.discourse.org/t/redesign-editor-to-improve-the-writing-experience-on-desktop/34957/7 "2015-10-29T19:13:06Z")
If nothing else where to change, I think I would be a happy camper if, when I hid the preview window, the main composer window was centered while maintaining the same width (or even a flexible width I could drag to where I want it).
Kind of like my screenshot sketch above…
I do agree about a “lightbox modal” not being desirable. It’s useful to have direct access to thread one is replying to.
---
### Author:  [@simon](https://meta.discourse.org/u/simon)
#### Post date: [10월 29, 2015, 7:20오후 UTC](https://meta.discourse.org/t/redesign-editor-to-improve-the-writing-experience-on-desktop/34957/8 "2015-10-29T19:20:46Z")
Something like this? If so, it can be done with css.
---
### Author:  [@Mittineague](https://meta.discourse.org/u/Mittineague)
#### Post date: [10월 29, 2015, 7:38오후 UTC](https://meta.discourse.org/t/redesign-editor-to-improve-the-writing-experience-on-desktop/34957/9 "2015-10-29T19:38:09Z")
I agree if it was able to be drag - drop it would be nice.
Even dockable would be OK.
(though probably more work coding up than it would be worth)
And having it fall in line with the post might work visually but the work area would be reduced.
I think having it dead center of the view-port would annoy me. My peripheral vision isn’t bad, but I’d rather not play “look behind”
I’m also not sure how changes in its position would affect having dev tools open (I’m at a web dev forum so I often do have it open) it can be a bit squeezed as it is now.
---
### Author:  [@madrush](https://meta.discourse.org/u/madrush)
#### Post date: [10월 29, 2015, 9:09오후 UTC](https://meta.discourse.org/t/redesign-editor-to-improve-the-writing-experience-on-desktop/34957/10 "2015-10-29T21:09:26Z")
So maybe like this? Not dead center, but aligned with the stream of discussion? I think that would be good. (And maybe can be done w/ CSS?)
I’d just add the preview button in line with the editor buttons across the top, for less pointer distance (from the other buttons) to access.
---
### Author:  [@Tom\_Newsom](https://meta.discourse.org/u/Tom_Newsom)
#### Post date: [10월 30, 2015, 10:40오전 UTC](https://meta.discourse.org/t/redesign-editor-to-improve-the-writing-experience-on-desktop/34957/11 "2015-10-30T10:40:31Z")
How about showing the preivew in-line with the discussion?
When you click Reply or Save Edit, all that happens is the border (or whatever styling you use to show that the post is being modified) disappears. Very smooth.
This could even work on mobile.
Maybe keep the “show preview” button in case you get lost while scrolling around the topic and need to get back to your post.
Only downside is that you can’t reference the rest of the topic and watch the preview at the same time. You have to scroll back to the preview to see the effects of your edits (should this happen automatically when you type?). But I feel this is a less painful context switch than jumping between compose and preview.
---
### Author:  [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [10월 30, 2015, 7:46오후 UTC](https://meta.discourse.org/t/redesign-editor-to-improve-the-writing-experience-on-desktop/34957/12 "2015-10-30T19:46:35Z")
1. Does not work on mobile (where you would want a preview / tab button) so it distracts from the larger design goal
2. Requires that the “bottom” of the topic be in constant view
Not a fan
---
### Author:  [@sam](https://meta.discourse.org/u/sam)
#### Post date: [10월 30, 2015, 8:35오후 UTC](https://meta.discourse.org/t/redesign-editor-to-improve-the-writing-experience-on-desktop/34957/13 "2015-10-30T20:35:39Z")
I am a fan of allowing a simple medium like editor as a user option, for simple authoring it can be fine
However it would have some interoperability issues, if people start with markdown it would have to remain markdown (eg wiki edits and so on)
---
### Author:  [@jeanj](https://meta.discourse.org/u/jeanj)
#### Post date: [11월 4, 2015, 6:02오전 UTC](https://meta.discourse.org/t/redesign-editor-to-improve-the-writing-experience-on-desktop/34957/14 "2015-11-04T06:02:46Z")
I’d like to add a plea to not get locked up in the browser. While others are worrying about the toolbar and placement of the editor window in the browser, I have my local editing environment that’s more powerful and custom-configured than any browser box could be. Using [GitHub - docwhat/itsalltext: It's All Text! - Edit textareas in your browser with your favorite editor! · GitHub](https://github.com/docwhat/itsalltext) I’m immediately editing locally — as long as the site allows me. All I need is a plain textarea input. This could be hidden as a small button. Discourse doesn’t offer this.
Whenever I save, my work in progress is sent to the site, and the preview and/or in-browser editor can update.
This way, it’s not down to the discourse authors to create the one true ideal editing experience. You can benefit from the work of the makers of WriteRoom, OmniWriter, ZenWriter, or for techie forums BBEdit, TextPad or Vim!
---
### Author:  [@sam](https://meta.discourse.org/u/sam)
#### Post date: [3월 13, 2025, 12:05오전 UTC](https://meta.discourse.org/t/redesign-editor-to-improve-the-writing-experience-on-desktop/34957/16 "2025-03-13T00:05:24Z")
Discourse가 실험性质的인 WYSIWYG 작성기를 출시했습니다 🎊
> [@새로운 작곡가(Composer)를 사용해 보세요!](https://meta.discourse.org/t/test-our-new-composer-on-meta/352347/1):
>
> Discourse에서 글을 쓰기가 더 쉬워지도록 새로운 리치 텍스트 에디터 모드를 개발해 왔습니다. 이제 커뮤니티에서 이 기능에 대한 더 많은 피드백을 받기 위해 테스트를 시작할 준비가 되었습니다! 우리의 구현은 훌륭한 [ProseMirror](https://prosemirror.net/)와 그 비코어 [Markdown 모듈](https://github.com/ProseMirror/prosemirror-markdown)을 기반으로 하며, 해당 모듈의 스키마, 파싱 및 직렬화 정의를 기반으로 Discourse 전용 기능을 추가로 개발했습니다. 이 토픽은 새로운 컴포저 테스트 가이드이자 피드백을 추적하는 허브 역할을 하게 됩니다. 미리 도움을 주셔서 감사합니다! sparkling_heartgear 커뮤니티에서 새 컴포저 사용 현재 컴포저는 여전히 실험 단계로 간주되고 있습니다 하지만 rich editor 설정을 활성화하여 커뮤니티에서 사용 시작할 수 있습니다: writing_hand 새 컴포저 알아보기 새 컴포저는 글쓰기 경험을 단순화하는 리치 텍…
---
### Author:  [@madrush](https://meta.discourse.org/u/madrush)
#### Post date: [3월 13, 2025, 12:09오후 UTC](https://meta.discourse.org/t/redesign-editor-to-improve-the-writing-experience-on-desktop/34957/17 "2025-03-13T12:09:28Z")
와. 지금 바로 _시도해 본다._
- 목록 항목 1
- 목록 항목 2
- 목록 항목 3
그리고 [링크](https://www.infiniteconversations.com)는 어떨까?
아니면 gif를 삽입하면…
> 인용구(blockquote)는 어떨까?
**대담하게 나아가자.**
🫠
이 기능에 대한 주제를 계속 진행할 예정입니다: [Test our new composer!](https://meta.discourse.org/t/test-our-new-composer-on-meta/352347/1)
`지금까지 잘 되고 있습니다!`
---
### Author:  [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [5월 13, 2025, 7:24오후 UTC](https://meta.discourse.org/t/redesign-editor-to-improve-the-writing-experience-on-desktop/34957/18 "2025-05-13T19:24:55Z")