Vue项目中整合富文本编辑器，前端开发攻略

最新推荐文章于 2024-06-26 13:45:05 发布

2401_84097436

最新推荐文章于 2024-06-26 13:45:05 发布

阅读量789

点赞数 12

分类专栏：程序员文章标签： vue.js 前端 javascript

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/2401_84097436/article/details/137381302

版权

本文详细介绍了如何在Vue项目中整合富文本编辑器Tinymce，包括通过npm安装、配置HTML变量、引入js脚本和创建组件的步骤。作者分享了在实际操作中遇到的问题及解决方法，并提供下载资源。此外，作者还分享了自己的前端开发经验，鼓励开发者勇敢面对挑战。

摘要由CSDN通过智能技术生成

文章目录

- - 一、在vue中引入tinymce
二、配置HTML变量
三、引入js脚本
四、引入组件

富文本编辑器

在这里插入图片描述

一、在vue中引入tinymce

npm install @tinymce/tinymce-vue -S

可是一直无法下载成功，我就直接找了资源

可以直接点这儿下载

将下载好的 tinymce 脚本库放到你的项目的static目录下面

在这里插入图片描述

二、配置HTML变量

在 你的项目/build/webpack.dev.conf.js 中添加如下配置：

templateParameters: {

BASE_URL: config

最低0.47元/天解锁文章

关注

12
点赞
踩
16

收藏

觉得还不错? 一键收藏
0
评论
Vue项目中整合富文本编辑器，前端开发攻略

你要问前端开发难不难，我就得说计算机领域里常说的一句话，这句话就是『难的不会，会的不难』，对于不熟悉某领域技术的人来说，因为不了解所以产生神秘感，神秘感就会让人感觉很难，也就是『难的不会』；当学会这项技术之后，知道什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。我特地针对初学者整理一套前端学习资料，免费分享给大家，戳这里即可免费领取到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。我特地针对初学者整理一套前端学习资料，免费分享给大家，
复制链接

扫一扫

专栏目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。