tinyMCE 第一章 (安装与本地化)

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

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

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

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

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

例如放在项目的 public 目录下

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

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

Vue 复制代码
<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 按钮,以及右下角商标

相关推荐
山河木马8 分钟前
前端学习C++之:创建对象
前端·javascript·c++
汪子熙12 分钟前
web 应用本地开发中的 LiveReload 协议深度解析
前端·javascript
UI设计和前端开发从业者13 分钟前
大数据时代UI前端的智能化转型之路:以数据为驱动的产品创新
大数据·前端·ui
全宝27 分钟前
前端也能这么丝滑!Node + Vue3 实现 SSE 流式文本输出全流程
前端·javascript·node.js
前端小巷子40 分钟前
Web缓存:原理、策略与优化
前端·面试
小磊哥er42 分钟前
【前端工程化】前端工作中如何协同管理开发任务?
前端
程序员小白条1 小时前
我的第二份实习,学校附近,但是干前端!
java·开发语言·前端·数据结构·算法·职场和发展
编程大全1 小时前
2025年前端面试题
前端
萌萌哒草头将军1 小时前
🔥🔥🔥 NuxtLabs 宣布加入了 Vercel !
前端·javascript·vue.js
LuciferHuang8 小时前
震惊!三万star开源项目竟有致命Bug?
前端·javascript·debug