ianhitchman/tiptap
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix some examples

Browse Source
This commit is contained in:
Philipp Kühn
2018-10-29 23:31:13 +01:00
parent 253596fb35
commit 68793ea385
11 changed files with 51 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
examples/Components/Routes/Export/index.vue
View File

@@ -2,11 +2,11 @@
<div>
<div class="editor">
<menu-bar class="menubar" :editor="editor">
<template slot-scope="{ nodes, marks, commands }">
<template slot-scope="{ commands, isActive }">
<button
class="menubar__button"
:class="{ 'is-active': marks.bold.active() }"
:class="{ 'is-active': isActive('bold') }"
@click="commands.bold"
>
<icon name="bold" />
@@ -14,7 +14,7 @@
<button
class="menubar__button"
:class="{ 'is-active': marks.italic.active() }"
:class="{ 'is-active': isActive('italic') }"
@click="commands.italic"
>
<icon name="italic" />
@@ -22,7 +22,7 @@
<button
class="menubar__button"
:class="{ 'is-active': marks.code.active() }"
:class="{ 'is-active': isActive('code') }"
@click="commands.code"
>
<icon name="code" />
@@ -30,7 +30,7 @@
<button
class="menubar__button"
:class="{ 'is-active': nodes.paragraph.active() }"
:class="{ 'is-active': isActive('paragraph') }"
@click="commands.paragraph"
>
<icon name="paragraph" />
@@ -38,7 +38,7 @@
<button
class="menubar__button"
:class="{ 'is-active': nodes.heading.active({ level: 1 }) }"
:class="{ 'is-active': isActive('heading', { level: 1 }) }"
@click="commands.heading({ level: 1 })"
>
H1
@@ -46,7 +46,7 @@
<button
class="menubar__button"
:class="{ 'is-active': nodes.heading.active({ level: 2 }) }"
:class="{ 'is-active': isActive('heading', { level: 2 }) }"
@click="commands.heading({ level: 2 })"
>
H2
@@ -54,7 +54,7 @@
<button
class="menubar__button"
:class="{ 'is-active': nodes.heading.active({ level: 3 }) }"
:class="{ 'is-active': isActive('heading', { level: 3 }) }"
@click="commands.heading({ level: 3 })"
>
H3
@@ -62,7 +62,7 @@
<button
class="menubar__button"
:class="{ 'is-active': nodes.bullet_list.active() }"
:class="{ 'is-active': isActive('bullet_list') }"
@click="commands.bullet_list"
>
<icon name="ul" />
@@ -70,7 +70,7 @@
<button
class="menubar__button"
:class="{ 'is-active': nodes.ordered_list.active() }"
:class="{ 'is-active': isActive('ordered_list') }"
@click="commands.ordered_list"
>
<icon name="ol" />
@@ -78,7 +78,7 @@
<button
class="menubar__button"
:class="{ 'is-active': nodes.code_block.active() }"
:class="{ 'is-active': isActive('code_block') }"
@click="commands.code_block"
>
<icon name="code" />