davidroyer/vue2-editor

H3 icon in custom toolbar is not displayed

Fisher-Rachel opened this issue · 3 comments

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>

CodeSandbox

This issue is stale because it has been open for 60 days with no activity.

This issue was closed because it has been inactive for 7 days since being marked as stale.

Anyone having this issue :

You can still use the headers h3, h4 ... with the following customToolbar option :

  [
    { header: [false, 2, 3, 4] }
  ],