在不带apikey的VUEJS2中使用tinyMCE
在不带apikey的VUEJS2中使用tinyMCE
提问于 2021-09-03 20:05:38
我想在本地使用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>回答 1
Stack Overflow用户
发布于 2021-09-03 21:00:03
如果TinyMCE尚未加载到页面/应用程序中，则TinyMCE Vue包装器将依赖于我们的云平台来拉取TinyMCE。
最简单的方法是自行托管TinyMCE，并在主HTML页面的头部放置一个脚本标记来加载TinyMCE。这将使tinymce全局对象在所有组件中始终可用。或者，您可以在需要它的组件中导入TinyMCE。在尝试创建编辑器组件之前，只要TinyMCE global已经存在，就不会尝试使用云交付版本的tinymce。
快速入门指南的第6步介绍了此特定功能：
https://www.tiny.cloud/docs/integrations/vue/#tinymcevuejsintegrationquickstartguide
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/69050089
复制相关文章
相似问题
腾讯云开发者
