在没有 apikey 的情况下将 tinyMCE 与 VUEJS 2 一起使用答案

【问题标题】：use tinyMCE with VUEJS 2 without apikey在没有 apikey 的情况下将 tinyMCE 与 VUEJS 2 一起使用
【发布时间】：2021-11-02 02:24:22
【问题描述】：

我想在本地使用 TinyMCE 并避免提供 API 密钥。目前我使用以下代码：

为 vueJS 2.x 安装 TinyMCE：

npm install --save "@tinymce/tinymce-vue@^3"

安装后，我使用这个：

 <template>
   <div id="app">
     <img alt="Vue logo" src="./assets/logo.png">
     <editor
       api-key="no-api-key"
       :init="{
         height: 500,
         menubar: false,
         plugins: [
           'advlist autolink lists link image charmap print preview anchor',
           'searchreplace visualblocks code fullscreen',
           'insertdatetime media table paste code help wordcount'
         ],
         toolbar:
           'undo redo | formatselect | bold italic backcolor | \
           alignleft aligncenter alignright alignjustify | \
           bullist numlist outdent indent | removeformat | help'
       }"
     />
   </div>
 </template>

 <script>
 import Editor from '@tinymce/tinymce-vue'

 export default {
   name: 'app',
   components: {
     'editor': Editor
   }
 }
 </script>

【问题讨论】：

看起来文档说可以在没有 apikey 的情况下使用 tinymce，您只会收到通知 tiny.cloud/docs/quick-start/#step3addyourapikey 什么是让您满意的答案？它应该显示如何隐藏通知吗？我不确定您在上面发布的代码有什么问题
@walnut_salami> 目标是避免收到通知...

标签： vue.js tinymce

【解决方案1】：

如果 TinyMCE 尚未加载到页面/应用程序中，TinyMCE Vue 包装器将依赖我们的云平台来拉取 TinyMCE。

最简单的方法是自托管 TinyMCE，并在 HTML 主页的头部放置一个脚本标签来加载 TinyMCE。这将使 tinymce 全局对象在所有组件中始终可用。或者，您可以在需要它的组件中导入 TinyMCE。只要在您尝试创建编辑器组件之前存在 tinymce 全局，就不会尝试使用 TinyMCE 的云交付版本。

快速入门指南的第 6 步涵盖了此特定功能：

https://www.tiny.cloud/docs/integrations/vue/#tinymcevuejsintegrationquickstartguide

【讨论】：

谢谢，我今天会试试这个，并随时通知您。
不幸的是，它不起作用。你能举一个有效的例子吗？