inline-widget.html 454 B

12345678910111213141516171819202122232425262728
  1. <div id="editor">
  2. <h1>Hello <placeholder>name</placeholder>!</h1>
  3. <p>We would like to invite you to <placeholder>place</placeholder> that will take place on <placeholder>date</placeholder>.</p>
  4. </div>
  5. <h2>Model contents:</h2>
  6. <pre id="model"></pre>
  7. <style>
  8. placeholder {
  9. background: #ffff00;
  10. padding: 2px;
  11. }
  12. placeholder::selection{
  13. display: none;
  14. }
  15. placeholder:before{
  16. content: '{'
  17. }
  18. placeholder:after{
  19. content: '}'
  20. }
  21. </style>