This commit is contained in:
Philipp Kühn
2018-08-22 16:48:52 +02:00
parent d450be789c
commit f366459f65
4 changed files with 59 additions and 3 deletions

View File

@@ -29,6 +29,62 @@
<icon name="code" /> <icon name="code" />
</button> </button>
<button
class="menubar__button"
:class="{ 'is-active': nodes.paragraph.active() }"
@click="nodes.paragraph.command"
>
<icon name="paragraph" />
</button>
<button
class="menubar__button"
:class="{ 'is-active': nodes.heading.active({ level: 1 }) }"
@click="nodes.heading.command({ level: 1 })"
>
H1
</button>
<button
class="menubar__button"
:class="{ 'is-active': nodes.heading.active({ level: 2 }) }"
@click="nodes.heading.command({ level: 2 })"
>
H2
</button>
<button
class="menubar__button"
:class="{ 'is-active': nodes.heading.active({ level: 3 }) }"
@click="nodes.heading.command({ level: 3 })"
>
H3
</button>
<button
class="menubar__button"
:class="{ 'is-active': nodes.bullet_list.active() }"
@click="nodes.bullet_list.command"
>
<icon name="ul" />
</button>
<button
class="menubar__button"
:class="{ 'is-active': nodes.ordered_list.active() }"
@click="nodes.ordered_list.command"
>
<icon name="ol" />
</button>
<button
class="menubar__button"
:class="{ 'is-active': nodes.code_block.active() }"
@click="nodes.code_block.command"
>
<icon name="code" />
</button>
</div> </div>
</div> </div>

View File

@@ -26,7 +26,7 @@
</div> </div>
<div class="editor__content" slot="content" slot-scope="props"> <div class="editor__content" slot="content" slot-scope="props">
<h1> <h1>
Add links inside of a bubble menu Links
</h1> </h1>
<p> <p>
Try to add some links to the <a href="https://en.wikipedia.org/wiki/World_Wide_Web">world wide web</a>. Try to add some links to the <a href="https://en.wikipedia.org/wiki/World_Wide_Web">world wide web</a>.

View File

@@ -34,7 +34,7 @@
<div class="editor__content" slot="content" slot-scope="props"> <div class="editor__content" slot="content" slot-scope="props">
<h1> <h1>
Bubble Navigation Menu Bubble
</h1> </h1>
<p> <p>
Hey, try to select some text. Hey, try to select some text.

View File

@@ -42,7 +42,7 @@
<div class="editor__content" slot="content" slot-scope="props"> <div class="editor__content" slot="content" slot-scope="props">
<h1> <h1>
Todo Lists Todo List
</h1> </h1>
<ul data-type="todo_list"> <ul data-type="todo_list">
<li data-type="todo_item" data-done="true"> <li data-type="todo_item" data-done="true">