From f0c70d9d5923ae7379c3040b47ed93960762a4f0 Mon Sep 17 00:00:00 2001 From: Hans Pagel Date: Mon, 8 Feb 2021 16:41:57 +0100 Subject: [PATCH] docs: update content --- docs/src/docPages/installation.md | 6 +-- docs/src/docPages/installation/alpine.md | 33 ++++++------ docs/src/docPages/installation/codesandbox.md | 7 ++- docs/src/docPages/installation/livewire.md | 50 +++++++++++++++++-- 4 files changed, 70 insertions(+), 26 deletions(-) diff --git a/docs/src/docPages/installation.md b/docs/src/docPages/installation.md index 79144ba8..575e58fa 100644 --- a/docs/src/docPages/installation.md +++ b/docs/src/docPages/installation.md @@ -1,4 +1,4 @@ -# Getting started +# Installation ## toc @@ -32,7 +32,7 @@ npm install @tiptap/core @tiptap/starter-kit yarn add @tiptap/core @tiptap/starter-kit ``` -### 2. Add a container +### 2. Add some markup Add the following HTML where you want the editor to be mounted: ```html @@ -53,4 +53,4 @@ new Editor({ }) ``` -When you open the project in your browser, you should now see tiptap in action. Time to give yourself a pat on the back. +Open your project in the browser and you should see tiptap. Good work! Time to give yourself a pat on the back. diff --git a/docs/src/docPages/installation/alpine.md b/docs/src/docPages/installation/alpine.md index 74de0b44..6dca23ac 100644 --- a/docs/src/docPages/installation/alpine.md +++ b/docs/src/docPages/installation/alpine.md @@ -7,10 +7,10 @@ The following guide describes how to integrate tiptap with your [Alpine.js](http TODO +## CodeSandbox https://codesandbox.io/s/alpine-tiptap-2ro5e?file=/index.html:0-1419 -index.html - +## index.html ```html @@ -31,7 +31,7 @@ index.html