Как получить правильный контент из обертки вокруг tinymce-vue?

Question

Я пытаюсь создать оболочку для пакета tinymce-vue. Однако содержание v-модели всегда кажется одним символом позади фактического содержания редактора.

Я также пытался использовать событие onKeyUp, но это происходит, когда пользователь, например, добавляет жирный текст с помощью кнопки на панели инструментов.

<tinymce :id="'create_discussion_content'" v-model="form.content"></tinymce>    

<template>
    <editor :init="init" :plugins="plugins" :toolbar="toolbar" :id="id" :initial-value="value" @onSelectionChange="updateContent()" v-model="content"></editor>
</template>

<script>
    export default {
        props: ['id', 'value'],

        mounted()
        {
            this.content = this.value;
        },

        data()
        {
            return {
                content: null,
                init: 
                {
                    height: 200,
                    menubar: false,
                    statusbar: false,
                },
                plugins: 'hr, image, link, lists, textcolor',
                toolbar: [
                    'undo redo | removeformat forecolor | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | link image',
                ],
            }
        },

        methods:
        {
            updateContent()
            {
                this.$emit('input', this.content);
            }
        }
    }
</script>