tiptap/docs/installation/cdn.md

# CDN
:::warning
There’s [an issue with skypack](https://github.com/skypackjs/skypack-cdn/issues/159), which causes trouble every now and then. We can’t do much about that for now.
:::

For testing purposes or demos, use our [Skypack](https://www.skypack.dev/) CDN builds. Here are the few lines of code you need to get started:

```html
<!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! :)
-												merge installation and the getting started guide

											
										
										
											2021-02-07 22:55:50 +08:00
+								# CDN
-												docs: add ueberdosis/tiptap-php

											
										
										
											2022-01-28 06:04:05 +08:00
+								:::warning
 								There’s [an issue with skypack](https://github.com/skypackjs/skypack-cdn/issues/159), which causes trouble every now and then. We can’t do much about that for now.
 								:::
-												merge installation and the getting started guide

											
										
										
											2021-02-07 22:55:50 +08:00
+								For testing purposes or demos, use our [Skypack](https://www.skypack.dev/) CDN builds. Here are the few lines of code you need to get started:
 								```html
-												Make HTML in docs valid

You were missing an `<html>`-starter tag,  so users who copy-pasted the code would have experienced errors - not a very good first impression…
(Furthermore, I changed `<!doctype html>` to `<!DOCTYPE html>`since that's just more common)
											
										
										
											2021-05-26 18:52:45 +08:00
+								<!DOCTYPE html>
 								<html>
-												merge installation and the getting started guide

											
										
										
											2021-02-07 22:55:50 +08:00
+								<head>
 								  <meta charset="utf-8">
 								</head>
 								<body>
 								  <div class="element"></div>
 								  <script type="module">
 								    import { Editor } from 'https://cdn.skypack.dev/@tiptap/core?min'
-												docs: update content

											
										
										
											2021-05-07 00:41:22 +08:00
+								    import StarterKit from 'https://cdn.skypack.dev/@tiptap/starter-kit?min'
-												merge installation and the getting started guide

											
										
										
											2021-02-07 22:55:50 +08:00
+								    const editor = new Editor({
 								      element: document.querySelector('.element'),
-												docs: update content

											
										
										
											2021-05-07 00:41:22 +08:00
+								      extensions: [
 								        StarterKit,
 								      ],
-												docs: update content

											
										
										
											2021-04-03 23:30:56 +08:00
+								      content: '<p>Hello World!</p>',
-												merge installation and the getting started guide

											
										
										
											2021-02-07 22:55:50 +08:00
+								    })
 								  </script>
 								</body>
 								</html>
 								```
-												docs: update content, improve the Alpine.js guide

											
										
										
											2021-04-09 04:42:18 +08:00
-												docs: use regular case for Tiptap

											
										
										
											2021-10-20 04:30:45 +08:00
+								You should now see Tiptap in your browser. Time to give yourself a pat on the back! :)