教你如何在自己的Web项目中集成TinyMCE富文本编辑器

hello,大家好,今天我们来学习如何在自己的Web项目中集成TinyMCE富文本编辑器,开始学习吧!

1. TinyMCE简介

TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器,它的优势体现在一下几点:

  1. 开源可商用
  2. 插件丰富
  3. 可扩展性强
  4. 界面好看,符合现代审美
  5. 多语言支持,官网可下载几十种语言。
    综合以上几点,我力荐TinyMCE作为前端的富文本编辑器。

2. 引入TinyMCE

现在TinyMCE已经支持script标签直接指定链接并引入:

<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/4.9.11-104/tinymce.min.js"></script>

但是,这样引入速度太慢,建议访问链接并复制下载,保存为tinymce.min.js

3. 使用TinyMCE

首先,我们的目录下已经有了tinymce.min.js文件,再创建edit.htmltinymce_init.js
接着,我们要对TinyMCE的富文本编辑器进行一些配置,打开tinymce_init.js,写入以下JS代码:

tinymce.init({
   selector:
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值