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

3 modes: (side-by-side, code, wysiwyg) #300

Open
jbenet opened this issue Mar 13, 2019 · 2 comments
Open

3 modes: (side-by-side, code, wysiwyg) #300

jbenet opened this issue Mar 13, 2019 · 2 comments

Comments

@jbenet
Copy link

jbenet commented Mar 13, 2019

Some markdown editors function with 3 modes

  • 2panes: "code" and "render" side-by-side (sometimes "code" and "wysiwyg" side-by-side)
  • 1pane: "code"
  • 1pane: "wysiwyg"

Where:

  • "code" is the editable source code. read-write
  • "render" is the rendered version (code rendered into html, rendered by browser). read only.
  • "wysiwyg" is like "render", but also supports editing. (What You See Is What You Get).

May be nice if:

  • peer-pad supported these
  • we had a button (and keyboard shortcut) to switch between these 3 modes.
@jbenet
Copy link
Author

jbenet commented Mar 13, 2019

(Some of the old wireframes show some of this, i think)

This was referenced Mar 13, 2019
@jimpick
Copy link
Member

jimpick commented Mar 14, 2019

There are some little code/render buttons in the header ... they are easy to overlook:

Screenshot 2019-03-13 17 07 06

Code mode:

Screenshot 2019-03-13 17 07 17

Render mode:

Screenshot 2019-03-13 17 08 04

You can also create a "Read-Only Link", but the resulting link still gives you both panes with the button:

Screenshot 2019-03-13 17 08 15

There's no wysiwyg, but I did encounter a CodeMirror flavour that does that:

https://laobubu.net/HyperMD/#README.md

Seems to have support for emojis. :-)

The author of CodeMirror also has done ProseMirror which is quite awesome. https://prosemirror.net/

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

2 participants