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

Upgrade text editor functionality for Theme Code tab to a code editor #372

Open
willyogo opened this issue Aug 27, 2024 · 0 comments
Open
Labels
enhancement New feature or request
Milestone

Comments

@willyogo
Copy link
Collaborator

This lightweight react lib along with a syntax highlighting lib like prism.js will add the following benefits to the current UX for editing code in the Theme Editor:

  • Modular syntax highlighting with third party library
  • Indent line or selected text by pressing tab key, with customizable indentation
  • Automatic indent on new lines
  • Wrap selected text in parens, brackets, or quotes
  • Undo whole words instead of letter by letter
  • Accessible, use Ctrl+Shift+M (Mac) / Ctrl+M to toggle capturing tab key

AC:

  1. The text editor offers basic code editor UX included in the lib (ie. automatic indent), and html/css syntax is highlighted
@willyogo willyogo added the enhancement New feature or request label Aug 27, 2024
@willyogo willyogo added this to the Polish milestone Sep 16, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
Status: No status
Development

No branches or pull requests

1 participant