Vanilla TinyMCE не отображается в codeandbox с проектом Vue CLI

Question

Я пытаюсь получить простую версию TinyMCE, работающую в CodeSandbox, так что я могу сделать хороший отчет об ошибке. К сожалению, даже самая простая, простая реализация, отличная от tinymce-vue, не отображается, хотя я считаю, что выполнил все инструкции, которые TinyMCE дает в Использование с загрузчиками модулей .

Рассмотрим HelloWorld.vue из моей Codesandbox 'TinyMCE и Vue test' :

<template>
  <div class="hello">
    <h1>Normal TinyMCE</h1>
    <textarea type="text" class="html-content">Hello, World!</textarea>
  </div>
</template>

<script>
import tinymce from "tinymce/tinymce";
import "tinymce/themes/silver";
import "tinymce/plugins/code";
import "tinymce/icons/default";

export default {
  name: "HelloWorld",
  mounted() {
    tinymce.init({
      selector: ".html-content",
      menubar: false,
      statusbar: false,
      width: 710,
      min_height: 160,
      toolbar: `undo redo`,
      plugins: "code",
      valid_children: "+body[style]",
      browser_spellcheck: true
    });
  }
};
</script>

<style>
h3 {
  margin: 40px 0 0;
}
</style>

В настоящее время это приводит к отображению «Normal TinyMCE» с двумя скрытыми блоками:

Initially, I thought it might because a skin wasn't loading, but I can see that the skin.min.css gets loaded just fine:

How can I modify my codesandbox to make TinyMCE show up?

Context: my goal was to use the официальный tinymce-vue пакет внутри приложения Vue, которое работает на той же странице, что и другие редакторы TinyMCE, загруженные с tinymce npm пакетом . Поэкспериментировав с этим, я заметил ошибку - могу использовать либо то, либо другое; он неправильно выбирает глобальное окно окна так, как должно (что, похоже, общая проблема . Чтобы воспроизвести ту ошибку, Мне нужен минимальный ванильный TinyMCE, работающий вcodeandbox (поэтому запросы на использование tinymce-vue не помогут в решении текущей проблемы).