Thursday, April 22, 2021

Headless WYSISWYG Text Editor – tiptap editor

Quickstart

For quick demos or to give it just a spin, grab the latest build from a CDN. Here is an example to get you started with tiptap:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
</head>
<body>
  <div class="element"></div>

  <script type="module">
    import { Editor } from 'https://cdn.skypack.dev/@tiptap/core?min'
    import { defaultExtensions } from 'https://cdn.skypack.dev/@tiptap/starter-kit?min'

    const editor = new Editor({
      element: document.querySelector('.element'),
      extensions: defaultExtensions(),
      content: '<p>Hello World :-)</p>',
    })
  </script>
</body>
</html>


from Hacker News https://www.tiptap.dev/

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.