vue3+ts+tinynce实现一个富文本编辑器

最新推荐文章于 2025-04-14 14:10:12 发布

weixin_46787337

最新推荐文章于 2025-04-14 14:10:12 发布

阅读量1.5k

点赞数 1

文章标签： javascript vue.js 前端

本文链接：https://blog.youkuaiyun.com/weixin_46787337/article/details/125568920

版权

安装

1.tinymce的安装有点麻烦

下载包文件
.下载代码和汉化包
解压到项目目录src/assets，汉化包替换langs里面的文件
注意这里有个坑：解压完后的代码层级有问题，把多余的层级删除掉留下所需的目录即可

在这里插入图片描述

2.引入
这里可能有人会问为什么不用npm包引入
原因是npm引入非常非常的麻烦问题超多，如果npm引入你会奔溃的，我试了一下这样引入最好了

//index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <link rel="icon" href="/favicon.ico"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>Vite App</title>
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.ts"></script