Skip to content

Commit fd5d47f

Browse files
committed
add toolbar to ui
Signed-off-by: Felix Nüsse <felix.nuesse@t-online.de>
1 parent 3d04970 commit fd5d47f

1 file changed

Lines changed: 14 additions & 4 deletions

File tree

src/components/EditorEasyMDE.vue

Lines changed: 14 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,11 @@
11
<template>
2-
<div class="markdown-editor" @click="onClickEditor">
3-
<textarea />
4-
<input type="submit" id="123" @click="onClickUpload">
2+
<div>
3+
<div class="toolbar">
4+
<input type="submit" id="123" @click="onClickUpload" :value="t('notes', 'Upload Image')">
5+
</div>
6+
<div class="markdown-editor" @click="onClickEditor">
7+
<textarea />
8+
</div>
59
</div>
610
</template>
711
<script>
@@ -67,7 +71,7 @@ export default {
6771
initialize() {
6872
6973
const config = Object.assign({
70-
element: this.$el.firstElementChild,
74+
element: this.$el.lastElementChild.firstElementChild,
7175
initialValue: this.value,
7276
renderingConfig: {},
7377
}, this.config)
@@ -289,4 +293,10 @@ export default {
289293
opacity: 0.5;
290294
text-decoration: line-through;
291295
}
296+
297+
.toolbar {
298+
border-bottom: darkgray 1px solid;
299+
padding-left: 30px;
300+
padding-bottom: 10px;
301+
}
292302
</style>

0 commit comments

Comments
 (0)