H3 icon in custom toolbar is not displayed
Fisher-Rachel opened this issue · 3 comments
Fisher-Rachel commented
I'm using vue2-editor with custom toolbar but H3 icon is not displayed in the toolbar, it shows an empty space that actually behaves as h3 when I click it.
This is my code:
<template>
<div id="app">
<vue-editor
:editor-toolbar="customToolbar"
v-model="content"></vue-editor>
<div v-html="content"></div>
</div>
</template>
<script>
import { VueEditor } from "vue2-editor";
export default {
components: {
VueEditor
},
data() {
return {
content: "<p>Some initial content</p>",
customToolbar: [
["bold", "italic", "underline"],
[{ list: "bullet" }],
[{ header: 1 }, { header: 3 }]
],
};
}
};
</script>
davidroyer commented
This issue is stale because it has been open for 60 days with no activity.
davidroyer commented
This issue was closed because it has been inactive for 7 days since being marked as stale.
G-Cyrille commented
Anyone having this issue :
You can still use the headers h3, h4 ... with the following customToolbar option :
[
{ header: [false, 2, 3, 4] }
],