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

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

Open
iamthomasbishop opened this issue Mar 7, 2019 · 3 comments
Open

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

iamthomasbishop opened this issue Mar 7, 2019 · 3 comments
Assignees
Labels
Aztec Parity Feature exists in Aztec but not yet in Gutenberg mobile HACK week HACK week June 2020 [Pri] Medium Project: Flow improvements Revise/enhance various editing flows Proposal [Status] Needs Design [Type] Enhancement Improves a current area of the editor

Comments

@iamthomasbishop
Copy link
Contributor

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

@iamthomasbishop iamthomasbishop added this to the Future milestone Mar 7, 2019
@iamthomasbishop iamthomasbishop self-assigned this Mar 7, 2019
@hypest hypest added the Aztec Parity Feature exists in Aztec but not yet in Gutenberg mobile label Nov 21, 2019
@SergioEstevao
Copy link
Contributor

I don't see an easy way to implement this in RN only, with a cross platform solution so
in order to address all these issues we will need to use/create a native component for iOS and Android.

On iOS we can reuse the component that we did for Aztec, I'm not aware what is the situation on Android, @hypest do you know?

@hypest
Copy link
Contributor

hypest commented Feb 28, 2020

Aztec Android also has a "html mode" editor and we should investigate integrating it.

@hypest hypest added the Project: Flow improvements Revise/enhance various editing flows label Feb 28, 2020
@SergioEstevao SergioEstevao removed this from the Future milestone May 4, 2020
@hypest hypest added the HACK week HACK week June 2020 label Jun 7, 2020
@hypest
Copy link
Contributor

hypest commented May 19, 2021

Syntax highlighting also asked in #3999833-zen.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Aztec Parity Feature exists in Aztec but not yet in Gutenberg mobile HACK week HACK week June 2020 [Pri] Medium Project: Flow improvements Revise/enhance various editing flows Proposal [Status] Needs Design [Type] Enhancement Improves a current area of the editor
Projects
None yet
Development

No branches or pull requests

3 participants