CDN
For testing purposes or demos, use our esm.sh 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://esm.sh/@tiptap/core'
import StarterKit from 'https://esm.sh/@tiptap/starter-kit'
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! :)