peer-pad icon indicating copy to clipboard operation
peer-pad copied to clipboard

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

Open jbenet opened this issue 6 years ago • 2 comments
trafficstars

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 avatar Mar 13 '19 19:03 jbenet

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

jbenet avatar Mar 13 '19 19:03 jbenet

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/

jimpick avatar Mar 14 '19 00:03 jimpick