mirror/tiptap
1
0
Fork 0
mirror of https://github.com/ueberdosis/tiptap.git synced 2025-01-18 06:03:22 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

update content

Browse Source
This commit is contained in:
Hans Pagel 2020-11-10 15:28:29 +01:00
parent b8d66fed96
commit f5dabc76f2
2 changed files with 27 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/src/docPages/guide/build-custom-extensions.md
View File

@ -130,7 +130,7 @@ const CustomParagraph = Paragraph.extend({
})
// Result:
// <p color="pink" style="color: pink">Example Text</p>
// <p style="color: pink">Example Text</p>
```
You can also control how the attribute is parsed from the HTML. Let’s say you want to store the color in an attribute called `data-color`, here’s how you would do that:

26
docs/src/docPages/overview/installation.md
View File

@ -49,6 +49,32 @@ Note that tiptap needs to run in the client, not on the server. It’s required
[Read more](https://nuxtjs.org/api/components-client-only)
## Option 3: CDN
To pull in tiptap for quick demos or just giving it a spin, grab the latest build via CDN:
```html
<!doctype html>
<head>
<meta charset="utf-8">
<script src="https://cdn.example.com/tiptap-core.bundle.umd.min.js"></script>
<script src="https://cdn.example.com/tiptap-starter-kit.bundle.umd.min.js"></script>
</head>
<body>
<div class="element"></div>
<script>
const { Editor } = window['@tiptap/core']
const { defaultExtensions } = window['@tiptap/starter-kit']
const editor = new Editor({
element: document.querySelector('.element'),
extensions: defaultExtensions(),
content: '<p>Your content.</p>',
})
</script>
</body>
</html>
```
<!-- ## Option 3: CodeSandbox
CodeSandbox is an online coding environment. It’s great to fiddle around without setting up a local project and to share your code with others.