自己扩展TinyMCE的上传附件插件

最新推荐文章于 2024-08-20 11:23:59 发布
最新推荐文章于 2024-08-20 11:23:59 发布
阅读量8.8k 收藏 1
点赞数
分类专栏： ajax 文章标签： tinymce 扩展 plugins function 语言 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ankyliu/article/details/5322843
版权
本文介绍了如何扩展TinyMCE编辑器，创建自己的上传附件插件。由于官方插件收费，作者提供了自定义插件的步骤，包括下载模板、修改配置以及插件的使用方法。同时，分享了上传附件插件的下载链接和上传处理结果页面的示例代码。
摘要由CSDN通过智能技术生成

TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器，支持目前流行的各种浏览器，由JavaScript写成。功能配置灵活简单（两行代码就可以将编辑器嵌入网页中），支持AJAX。另一特点是加载速度非常快，如果你的服务器采用的脚本语言是 PHP，那还可以进一步优化。最重要的是，TinyMCE是一个根据LGPL license发布的自由软件，你可以把它用于商业应用。

免费也有免费的毛病, 官方的增加插件和插入图片插件是收费的,所以只好自己动手了

自己做插件也不是很难,Plugins目录下有模板。考一个改成自己的先。

 

测试地址：http://tinymce.moxiecode.com/examples/full.php

官方下载地址：http://tinymce.moxiecode.com/download_i18n.php

语言包下载提示：下载时先勾选前面的小方框，再按下方的Download按钮，而不是直接点击下载那个XML。官方语言包的Bug，明明是写中文(代码为zh)，下载后却是繁体中文，而下边的tw也是繁体中文，有兄弟制作了一个简体中文包，下载Chamorro/夏莫洛语，这个，语言代码是ch,

 

上传附件插件下载：http://download.csdn.net/source/2076167

 

最低0.47元/天 解锁文章
ankyliu
关注
专栏目录
vue3 使用tinymce编辑器实现单/多图片上传,附件上传,视频上传
weixin_50644623的博客
08-10 9381
弄了好久...终于算是实现了吧....
tinymce 多图上传插件，点击弹窗确认按钮自动上传
03-01
tinymce支持自定义按钮和插件，允许开发者添加自己的功能。在这个多图上传插件中，我们需要创建一个按钮，当用户点击该按钮时，会弹出一个文件选择窗口，让用户选择多张图片。 实现这个功能的关键步骤包括： 1. **...
tinymce附件上传插件
03-24
NULL 博文链接：https://kwj.iteye.com/blog/1019559
富文本插件TINYMCE使用CTRL+V粘贴图片上传到远程服务器
最新发布
alisky119的博客
08-20 604
最近这块挻火的，今天早上又有网友加我微信，也是想了解一下这块的技术和方案。也不知道这位老哥是从哪里找到我的微信号，虽然已经在网上公开了，但是很多小老弟还是找不到，咱们有一说一，这位老哥还是有点东西的。昨天晚上论坛里面有一位网友给我发私信请教问题，如何解决word内容复制粘贴的问题，这位网友也是刚开始学习接触这块，很多基础知识并不了解，比如如何上传图片，如何保存图片，如何返回文件路径，这些技术他都不了解。
简单文件上传插件tinymce-upload.zip
07-19
适用于tinymce编辑器的简单文件上传插件 在 tinymce 4.0  编辑器中选择文件后自动上传，类似于 tumblr 网站发布内容时上传图片的功能。 如何使用 访问 example.html ，运行并查看实例； 在编辑器初始化时配置如下参数： upload_action upload_file_name 查看 upload.php 并修改自己的回调方法。 标签：tinymce
tinymce 上传本地视频
小星落
05-26 7535
tinymce富文本编辑器的视频上传功能，发现默认只能填写视频链接，不能上传本地的视频 修改视频上传按钮 需要设置 file_picker_callback 在 tinymce.init 中添加 //自定义文件选择器的回调内容 此方法只有在点击上方图片按钮才会触发 file_picker_callback: function (callback, value, meta) { if (meta.filetype === 'file') { callback('
tinymce上传图片或者其他文件等等
weixin_45356397的博客
02-29 1235
tinymce默认使用英文,如果需要中文化,需要去官网下载指定的zh_CN.js文件然后放到langs文件夹下面。为了方便我这边直接创建了一个vue文件,可以理解为vue组件,直接把源码放进去。需要注意的是tinymce不同版本的上传图片可能略微有些不同,请注意分辨。缺点: 需要申请特定apikey,类似于百度,高德地图;tips: tinymce在vue中常用的有两种方式。缺点: 需要自己手动的封装组件,灵活性高。优点: 不需要申请特定的apikey。预览,两种图片上传的方式有一些不同。
TinyMCE自定义上传图片
12-04
TinyMCE的插件是可插入到编辑器中的独立功能模块，它们通常包含JavaScript代码，用于扩展编辑器的功能。例如，`image`插件允许用户在编辑器中插入和编辑图片。但是，如果默认的图片上传功能无法满足需求，我们可以...
tinymce-fileupload:TinyMCE的文件上传插件，基于jQuery文件上传插件
07-02
TinyMCE 文件上传插件 TinyMCE的文件上传插件，基于jQuery文件上传插件 设置 将以外的所有文件复制到您的tinymce/plugins文件夹 从为您的语言设置上传处理程序。 打开并将表单元素的 action 参数更改为您的上传处理程序正在侦听的 url
tinymce upload
08-27
tinymce的一个upload的控件
tinymce-plugins:这是tinymce插件
08-05
tinymce-plugins This is tinymce plugins 前言 因为项目需要用到富文本编辑器众多富文本编辑器中，选择了 Tinymce，根据项目需要对Tinymce 进行扩展和增强插件，记录一下，并同时分享给需要帮助的人。 QQ邮箱: 简述 This is tinymce plugins 该项目主要为 tinymce 富文本编译器的扩展插件，或增强优化插件 目前整理完成插件列表如下： imagetools [增强优化]： 图片编辑工具插件， 对图片进行处理。优化跨域，功能更丰富； table [增强优化]：表格插件，处理表格。 增强优化表格控制，增加表格转图片功能，便捷布局按钮； indent2em[增强优化]：首行缩进插件。提供中文段落排版的首行缩进2个字符的功能。增强优化 加入字间距非默认情况，也能实现准确首行缩进2字符； letterspacin
富文本插件tinymce使用Ctrl+V粘贴图片上传到远程服务器
weixin_45525177的博客
10-18 231
参考文章：http://blog.ncmem.com/wordpress/2023/10/18/%e5%af%8c%e6%96%87%e6%9c%ac%e6%8f%92%e4%bb%b6tinymce%e4%bd%bf%e7%94%a8ctrlv%e7%b2%98%e8%b4%b4%e5%9b%be%e7%89%87%e4%b8%8a%e4%bc%a0%e5%88%b0%e8%bf%9c%e7%a8%8b%e6%9c%8d%e5%8a%a1%e5%99%a8/
【富文本编辑器】vue-cli3.0 使用tinyMCE富文本编辑器之 上传附件插件的使用记录
Mr_going的博客
01-20 2518
现在能够使用的富文本编辑器有很多 比如： 百度的UEditor：感觉是个巨坑， quill_editor：简单使用还行 wang_editor : 个人还是比较喜欢这款编辑器的，如果项目业务要求不高，强烈推荐使用这款编辑器，引用非常的简单，界面也比较干净。唯一缺点就是功能略少了一些。 tinyMCE：个人非常喜欢这个款编辑器，也强烈推荐使用。原因：使用简单，有丰富的插件可以满足很多业务需求， 比如 对表格的处理，图片上传，附件上传，引入地图等等。。。 tinyMCE 编辑器整合vue_cli 3.0 关
TinyMCE的文件上传插件ibrowser(for PHP)
foyo
03-25 345
[url]http://pascal.vanhecke.info/2005/08/25/image-upload-plugin-for-tinymce/[/url] 首先下载ibrowser,然后解压并上传到tiny_mce\plugins\ibrowser目录中. 在config/config.inc.php中配置几个存储上传文件的目录. [code="java"]$cf...
tinymce 使用及自定义上传插件
Heixiu6的博客
11-10 3200
tinymce 使用及自定义上传插件
TinyMCE图片和文件上传（阿里云）
qq453660983的博客
06-14 3405
TinyMCE图片和文件上传（阿里云）
TinyMCE的上传文件的功能
weixin_43470799的博客
03-24 1991
记录一下TinyMCE的上传文件的功能： 用Base64上传图片： if (meta.filetype == 'image') { var input = document.createElement('input'); input.setAttribute('type', 'file'); input.setAttribute('accept', 'image/*'); /* Note: In modern browsers
tinymce上传视频
08-24
在使用tinymce上传视频时，有一些常见的问题和解决方案。首先，在上传过程中，页面可能无法显示上传中的状态，无法辨别是文件没选中还是上传失败。这可能是因为在代码中没有正确引入tinymce的media插件。确保在代码中添加了正确的引用，并在tinymce的配置中包括了"media"插件。 另外，有用户在使用tinymce上传视频功能时遇到了视频显示为图片的问题。这是因为在官方设置中，默认上传的视频文件在富文本框中显示为一张占位图片。如果需要在富文本框中直接显示视频，可以尝试修改代码设置或者使用其他插件来实现。 总结起来，在使用tinymce上传视频时，需要正确引入media插件，并在配置中包括该插件。另外，还需要注意视频显示为图片的问题，可以根据需求修改代码设置或使用其他插件来解决。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [tinyMCE本地视频上传](https://blog.csdn.net/Sarahhoney12_/article/details/85629014)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值