在Vue.js中使用Tiny mce,查找安装链接插件的文档
我将Tiny mce与Vue.js和Laravel一起使用。我有基本的微型编辑器在工作。我发现这个[链接Pluin]: 我似乎找不到关于如何安装插件的说明 通过运行安装在Vue.js中使用Tiny mce,查找安装链接插件的文档,vue.js,tinymce,Vue.js,Tinymce,我将Tiny mce与Vue.js和Laravel一起使用。我有基本的微型编辑器在工作。我发现这个[链接Pluin]: 我似乎找不到关于如何安装插件的说明 通过运行安装 npm install @tinymce/tinymce-vue 使用此行导入到vue组件中 从“@tinymce/tinymce vue”导入编辑器 在组件中,我有: <editor api-key="mykey" cloud-channel="5" :disabled="fals
npm install @tinymce/tinymce-vue
使用此行导入到vue组件中
从“@tinymce/tinymce vue”导入编辑器代码>
在组件中,我有:
<editor
api-key="mykey"
cloud-channel="5"
:disabled="false"
id="uuid"
:init="{ }"
initial-value
model-events
plugins
tag-name="div"
toolbar
value
v-model="post.body"
></editor>
现在菜单中有一个链接按钮,链接功能可以正常工作。没有其他菜单选项,现在只有一个链接按钮。链接文本为白色,无法看到。任何建议都会有帮助。多谢各位
更新:
我解决了这个问题。我还添加了两个插件:wordcount
和image
这是最后的初始化:
:init="{plugins: 'link, wordcount, image', default_link_target: '_blank'}"
这也适用于:
:init="{plugins: 'link wordcount image', default_link_target: '_blank'}"
注意:插件列表应该用单引号括起来,并用逗号或空格分隔
我写了一篇短博客[帖子]:关于这个话题。你是如何将TinyMCE与Vue集成的?您是否使用这样的包装器/组件?如果不知道您是如何集成的,就很难提供具体的指导。@MichaelFromin刚刚添加了代码,谢谢
:init="{plugins: 'link wordcount image', default_link_target: '_blank'}"