vue-html5-editor/src/modules/font/dashboard.html

A WYSIWYG text editor base on html5 and vue

<div class="dashboard-font" style="line-height: 36px;">
    <div>
        <label>{{$parent.locale["heading"]}}:</label>
        <button v-for="h in 6" type="button" @click="setHeading(h)">H{{h}}</button>
    </div>
    <div>
        <label>
            {{$parent.locale["font name"]}}:
        </label>
        <button v-for="name in nameList" type="button" @click="setFontName(name)">{{name}}</button>
    </div>
    <div>
        <label>
            {{$parent.locale["font size"]}}:
        </label>
        <button v-for="size in fontSizeList" type="button" @click="setFontSize(size)">{{size}}</button>
    </div>
    <div>
        <label>
            {{$parent.locale["line height"]}}:
        </label>
        <button v-for="lh in lineHeightList" type="button" @click="setLineHeight(lh)">
            {{lh}}
        </button>
    </div>
</div>