hanshank / wysiwyg

WYSIWYG editor to practice DOM manipulation, Web Components, and modular JS

WYSIWYG Editor

Website builder that lets you manipulate text and styles. Changes happen in realtime, no page refresh.

References

• CSS
  • CSS transition auto width
  • Cool background
• JS
  • Where should I put <script> tags in HTML markup?
  • input event
  • Efficiently Load JavaScript With Defer And Async
  • Best way to track onchange as-you-type in input type=“text”?
  • How to insert HTML before element in JavaScript
  • Web Components
    • MDN Docs - overview
    • Using Custom Elements
    • Best Practices
    • Custom Elements v1: Reusable Web Components
    • Web Components, the React Way
      • Without Shadow DOM