使用新版的tinymce配置、如果使用了api-key这种配置的话、当本地调试使用locahost是没问题的、但是发布的时候会发现会提示当前域名未配置。
<script setup>
import Editor from '@tinymce/tinymce-vue'
</script>
<template>
   <Editor
      api-key="你的api-key"
      :init="{
        plugins: 'lists link image table code help wordcount'
      }"
    />
</template>

在这里插入图片描述

登录tinymce网站、配置下域名即可。

1. 点击 Approved Domains、这里要校验下邮箱、可以点击Resend email给你邮箱发个邮件。

在这里插入图片描述

2. 复制邮箱中收到的链接、用电脑打开、登录后会打开这个界面、在这里输入你的域名、点击Add就可以了。默认是有个localhost的。

在这里插入图片描述

3. 比如我添加个inscode.csdn.net、右侧也可以删除

在这里插入图片描述

Logo

一站式 AI 云服务平台

更多推荐