quill icon indicating copy to clipboard operation
quill copied to clipboard

Published 20 hours ago • verified publisher icon vickychijwani

Make delightful post editor UX

Open vickychijwani opened this issue 9 years ago • 1 comments

Ideas for core editing paradigm:

  1. WYSIWYG
  2. Block-based (WYSIWYG or Markdown)
  3. http://blog.codinghorror.com/what-you-cant-see-you-cant-get/
    • http://www.aviz.fr/gliimpse/
  4. WYSIWYM (semantic editing)
  5. Two editing modes: writing mode and styling mode
    • Writing workflow looks like this: first write your blog post in plain text (sans Markdown etc) in writing mode, then switch to styling mode and quickly format and style the content (in styling mode, words can be selected simply by tapping)

Other enhancements:

  • Make text selection snap to word boundaries, that should make selection 10x less frustrating
  • Syntax highlight raw Markdown in edit mode (aka "inline Markdown preview")
  • Syntax highlight code in preview mode

vickychijwani avatar Mar 30 '15 09:03 vickychijwani

Design for WYSIWYG toolbar (animates in from the bottom, when switching tabs; screenshot taken from #94):

2015-08-21-054354_1366x768_scrot

vickychijwani avatar Aug 27 '15 20:08 vickychijwani