Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Better Editing Experience #31

Open
austincondiff opened this issue Aug 28, 2021 · 0 comments
Open

Better Editing Experience #31

austincondiff opened this issue Aug 28, 2021 · 0 comments

Comments

@austincondiff
Copy link

austincondiff commented Aug 28, 2021

Imagine the user clicks "Edit" and the left sidebar expands and turns into an editor. The page content becomes your preview area and updates with the users changes. This allows the user to see exactly what their edits will look like when everything is saved which will prevent unnecessary correction edits.

I also think that markdown is the bread and butter if you will of Docusaurus. With this in mind, I think that this should be the highlight of the editing experience rather than making it a simple WYSIWYG editor. I am thinking something more in line with iA Writer (or even this very GitHub markdown text input) where we focus on writing in markdown but provide familiar toolbar buttons that help users format who may not yet be familiar with markdown syntax. This encourages users to learn markdown as they go without impeding anything they need to do.

I was thinking the editor could look like this.

Rich Text View

docusaurus-editor-rich-text

Markdown View

docusaurus-editor-markdown

Split View

docusaurus-editor-split

The design is more consistent with the rest of Docusaurus. It also has three distinct views that cater to different users. If a user prefers editing in markdown they can.

@austincondiff austincondiff changed the title Relocate Editor Inline for Better Editing UX Better Editing Experience Aug 28, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant