Skip to content

Try: Improve visual style and usability of HTML mode #708

@iamthomasbishop

Description

@iamthomasbishop

There a few addressable issues with HTML Mode, and a few bonus ones that could be worth exploring in the future.

Current state:

bc26edc8-423b-49d6-9e36-fcb6b01489ba

Low-Hanging Fruit

  • Readability: Font size is too small. It should be about the same font size as Visual More.
  • Readability: There is no syntax highlighting in HTML Mode.
  • There isn't a very large distinction between Visual and HTML Mode (this includes but not limited to the editor canvas).
  • Post Title could be styled the same as it is in Visual.
  • [bug] Pasting external HMTL into editor creates an Unsupported block. Should this be wrapped in an HTML block?

Bonus points if we can address

  • Writing flow is clunky bc of the nature of writing code with a mobile keyboard, esp on phone. We could utilize the Quick Toolbar space or voice commands to provide useful shortcuts.
  • There are many other apps that are designed for writing code, such as Coda. Explore sharing/editing HTML contents in external editors.

Coda for iOS, for reference:

f2c4ce5e-0fcf-4a88-87f9-0bf76717f794

Metadata

Metadata

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions