tiptap/docs/installation/cdn.md
2022-01-27 23:04:05 +01:00

911 B
Raw Blame History

CDN

:::warning Theres an issue with skypack, which causes trouble every now and then. We cant do much about that for now. :::

For testing purposes or demos, use our Skypack CDN builds. Here are the few lines of code you need to get started:

<!DOCTYPE html>
<html>
<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 StarterKit from 'https://cdn.skypack.dev/@tiptap/starter-kit?min'
    const editor = new Editor({
      element: document.querySelector('.element'),
      extensions: [
        StarterKit,
      ],
      content: '<p>Hello World!</p>',
    })
  </script>
</body>
</html>

You should now see Tiptap in your browser. Time to give yourself a pat on the back! :)