TinyMCE：下载、安装、配置

最新推荐文章于 2024-08-20 11:23:59 发布
最新推荐文章于 2024-08-20 11:23:59 发布
阅读量7.1k 收藏 3
点赞数
分类专栏： Web前端 文章标签： TinyMCE 在线编辑器 所见即所得 Web前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiediy/article/details/82710373
版权
本文详细介绍了TinyMCE的下载、安装和配置过程。首先，可以从官方网站或百度网盘下载TinyMCE，接着安装时保留核心js文件夹并放入相应目录。在安装后，可能需要修改样式表以解决样式问题。对于中文用户，可以下载中文语言包并放入指定目录。最后，文章提到了基本的配置步骤，包括选择激活的控件和显示的工具栏。
摘要由CSDN通过智能技术生成

第一步：下载

官网下载：https://www.tiny.cloud/download/

TinyMCE从4.0开始，不再支持直接下载，而是直接使用提供免费的CDN，让用户免除安装过程，可以在网站中使用TinyMCE，但是这样会导致无法DIY程序，所以大叔还是提供了下载版本

百度网盘：https://pan.baidu.com/s/1FxqpYHNLayF0dZs9GqxZUg
访问密码：pasm

第二步：安装

解压程序包，找到目录：xxx -> js -> tinymce 此文件夹为程序运行核心文件夹，保留此文件夹，其余全部删除，然后将文件夹放入插件/样式文件夹中

下面这段代码是一个简单的TinyMCE使用示意图，使用前需要先引用 TinyMCE.min.js，然后将编辑器套用到 textarea 控件上。

<!DOCTYPE html>
<html
最低0.47元/天 解锁文章
Dy大叔
关注
专栏目录
tinymce：世界上排名第一JavaScript库，用于富文本编辑。 适用于React，Vue和Angular
02-04
TinyMCE TinyMCE是世界上最先进的开源核心富文本编辑器。 TinyMCE得到了数百万开发人员的信任，并被一些世界上最大的公司和发展最快的初创公司所使用，它是所见即所得的编辑器，它可以按比例缩放，创新设计，并在边缘情况下蓬勃发展。 您可以在Tiny网站上的文档中访问的。 开始使用TinyMCE TinyMCE提供了一系列配置选项，使您可以将其集成到应用程序中。 从开始自定义。 将其配置为三种编辑模式之一： 。 。 。 产品特点 积分 借助以下组件，TinyMCE可以轻松集成到您的项目中： 有关的完整列表，请参见Tiny文档。 客制化 易于以匹配您的站点，产品或应用程序的
TinyMCE(可视化HTML编辑器) v5.10.2.zip
03-27
TinyMCE(可视化HTML编辑器) v5.10.2.zip
富文本插件TINYMCE使用CTRL+V粘贴图片上传到远程服务器
最新发布
alisky119的博客
08-20 618
最近这块挻火的，今天早上又有网友加我微信，也是想了解一下这块的技术和方案。也不知道这位老哥是从哪里找到我的微信号，虽然已经在网上公开了，但是很多小老弟还是找不到，咱们有一说一，这位老哥还是有点东西的。昨天晚上论坛里面有一位网友给我发私信请教问题，如何解决word内容复制粘贴的问题，这位网友也是刚开始学习接触这块，很多基础知识并不了解，比如如何上传图片，如何保存图片，如何返回文件路径，这些技术他都不了解。
tinymce静态资源文件
09-12
tinymce富文本编辑器，功能强大，对图片等媒体资源操控性好，非常推荐使用！
TinyMCE下载及使用
weixin_33909059的博客
07-29 263
1、TinyMCE下载 官方下载网址：http://www.tinymce.com/ 简体中文语言包下载：http://www.tinymce.com/i18n/index.php?ctrl=lang&amp;act=download&amp;pr_id=1 2、下载包中示例 代码： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; ...
TinyMCE v3.4.9
10-28
TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器，由JavaScript写成。它对IE6+和Firefox1.5+都有着非常良好的支持。功能方面虽然不能称得上是最强，但绝对能够满足大部分网站的需求，并且功能配置灵活简单。另一特点是加载速度非常快，如果你的服务器采用的脚本语言是PHP，那还可以进一步优化。最重要的是，TinyMCE是一个根据LGPL license发布的自由软件，你可以把它用于商业应用。
Tinymce的使用，下载包到本地方式
qq_43467284的博客
01-04 2516
本地使用tinymce富文本编辑器，完整的使用方式，包括汉化、自定义图标、上传图片视频、打包后找不到文件的相关配置等
laravel-tinymce:用于Laravel和Lumen框架的TinyMCE编辑器
05-23
## TinyMCE编辑器，用于Laravel和Lumen框架强大的WYSIWYG编辑器，易于安装，并且已配置为可以快速，简单地使用。 如何使用 只需在他的视图中添加该行，就在<textarea id="tinymce">上方： @include('tinymce::...
phplist-plugin-tinymce:适用于phplist 3.x的TinyMCE插件
05-25
有关安装和配置插件的指导，请参见phplist文档站点的插件页面。 捐款 这个插件是免费的，但是如果您安装并发现它有用，那么非常感谢您捐款支持进一步的开发。 版本历史 version Description 2.2.0+20210129 Use the...
rootd-tinymce:为 Magento 添加 TinyMCE 增强功能，以实现更好的可视化编辑和更直观的文本编辑
06-20
#eTinyMCE for Magento eTinyMCE 是一个 Magento 扩展，它添加了富文本 ... 安装后，您需要在Rootd Extensions > Enhanced TinyMCE系统配置中启用其功能。 编辑或创建新的 CMS 页面或静态块以查看增强功能。 ##截图
tinymce.zip
08-11
富文本编辑器tinymce的一个小demo，利用弹窗可全屏预览，直接点击demo.html即可运行
TinyMCE
03-19
官方包，例子在examples下。
tinymce简体中文版
12-30
tinymce简体中文版
TinyMCE(可视化HTML编辑器) v5.1.1
09-29
TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器，支持目前流行的各种浏览器，采用JavaScript/ECMAScript开发，主要特性包括主题/模板支持，多语言支持(包括简体中文)，支持通过插件
Tinymce组件
09-12
这不是静态资源包，是调用富文本的一个vue组件，一个封装好的可直接使用的组件
富文本编辑器 插件tinymce.js 下载使用
qq_39797360的博客
05-18 6551
tinymce使用 效果图 1.官网下载 官方地址TinyMCE下载 2.原装是英文版，可以下载汉化包 tinymce汉化包 放进langs文件夹下 3.开始使用 3.1 引用js <script src="static/js/tinymce/tinymce.min.js" referrerpolicy="origin"></script> 3.2 html 使用 <textarea id="detail"></textarea> 3.
vue2中tinymce支持超链接点击下载功能
cyj0919的博客
09-02 530
这样，你就可以在Vue 2中使用TinyMCE实现超链接点击下载功能了。当用户点击超链接时，会触发自定义的。你可以根据自己的需求来实现下载逻辑。在这个例子中，我们使用了一个自定义的。指令双向绑定了编辑器的内容。
tiny_mce简体中文版
11-24
1.全简体中文界面,使用更友好. 2.修改了部分页面大小,使其空白面积减少,更加美观. 3.修改图片功能,增加自定义图片上传功能(php). 4.浏览器支持测试通过:windows下chrome,firefox,Opera,safari,ie6,ie8.linux下firefox.
vue tinymce 安装与配置
04-27
安装和配置 Vue Tinymce 的步骤如下： 1. 首先，安装依赖： ``` npm install tinymce vue-tinymce ``` 2. 在 main.js 中引入 tinymce 和 vue-tinymce： ```javascript import Vue from 'vue' import VueTinymce from '@packy-tang/vue-tinymce' Vue.use(VueTinymce) ``` 3. 在组件中使用 vue-tinymce： ```vue <template> <div> <vue-tinymce v-model="content" :init="tinymceInit" /> </div> </template> <script> export default { data() { return { content: '', tinymceInit: { height: 400, menubar: false, plugins: 'print preview paste importcss searchreplace autolink autosave save directionality code visualblocks visualchars fullscreen image link media template codesample table charmap hr pagebreak nonbreaking anchor toc insertdatetime advlist lists wordcount imagetools textpattern noneditable help charmap emoticons', toolbar: 'undo redo | formatselect | bold italic backcolor | \ alignleft aligncenter alignright alignjustify | \ bullist numlist outdent indent | removeformat | help', content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }' } } } } </script> ``` 以上就是 Vue Tinymce 的安装和配置步骤，其中 tinymceInit 可以根据自己的需求进行调整。
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值