tinyMCE 第一章 （安装与本地化）

为什么 TinyMCE 需要 API 密钥，免费计划仅限 1000 次加载？

参考：github.com/tinymce/tin...

根据官方的描述，tinymce默认使用官方的云服务，每月 1000 次使用次数

如何不使用官方的云服务器，实现本地化？

如果你在vue或react项目中引入依赖包，首先需要将官方社区版SDK下载到本地

例如放在项目的 public 目录下

根据官方的文档，安装对应的依赖包，这里以 vue3 为例，即安装好了 @tinymce/tinymce-vue 依赖包

之后在 tinymceScriptSrc 属性中指向本地的/tinymce/tinymce.min.js 文件

<template>
  <div>
    <Editor
        api-key="no-api-key"
        tinymceScriptSrc="`/tinymce/tinymce.min.js` " <- 这里
        :init="{}"
    />
  </div>
</template>

<script setup lang="ts">
import Editor from '@tinymce/tinymce-vue'
</script>

<style scoped>

</style>

运行项目即可看到效果

下一章中，我们将讲解如何去掉右上角的Upgrade 按钮，以及右下角商标