富文本框TinyMCE4.8上传本地图片基本配置（前端篇）

最新推荐文章于 2024-05-17 14:36:39 发布

MadDONKEY

最新推荐文章于 2024-05-17 14:36:39 发布

阅读量7.3k

点赞数 5

分类专栏：技术文章标签：富文本框 TinyMCE 上传图片

本文链接：https://blog.csdn.net/weixin_41660508/article/details/82220667

版权

最近使用了一下TinyMCE富文本框，感觉是非常不错的一款，配置简单，界面优美，完全免费...推荐大家使用。

官方文档也比较容易阅读，大家有兴趣的可以自己去看看https://www.tiny.cloud/docs/quick-start/

这里简单记录一下我自己使用TinyMCE的配置，如果阅读过官方文档的前端配置也是极其简单的。

注意：上传本地图片是TinyMCE 4.3才新引入的功能，所以该配置只适合4.3及其以上，我本次使用的是4.8.2版本的。

<!doctype html>
<html>
<head>
<script src='https://cloud.tinymce.com/stable/tinymce.min.js?apiKey=自己申请的KEY'></script>
<script>
  tinymce.init({
    selector: 'textarea#mytextarea',//意思是将TinyMCE插件放入‘textarea’ID为mytextarea的标签里
    plugins: [ //配置插件：可自己随意选择，但如果是上传本地图片image和imagetools是必要的
      'advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker',
      'searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking',

最低0.47元/天解锁文章

MadDONKEY

关注

5
点赞
踩
12

收藏

觉得还不错? 一键收藏
6
评论
富文本框TinyMCE4.8上传本地图片基本配置（前端篇）

最近使用了一下TinyMCE富文本框，感觉是非常不错的一款，配置简单，界面优美，完全免费...推荐大家使用。官方文档也比较容易阅读，大家有兴趣的可以自己去看看https://www.tiny.cloud/docs/quick-start/这里简单记录一下我自己使用TinyMCE的配置，如果阅读过官方文档的前端配置也是极其简单的。注意：上传本地图片是TinyMCE 4.3才新引入的功能，...
复制链接

扫一扫