UEditorPlus v3.3.0 图片上传压缩重构,UI优化,升级基础组件

这篇具有很好参考价值的文章主要介绍了UEditorPlus v3.3.0 图片上传压缩重构,UI优化,升级基础组件。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

UEditorPlus v3.3.0 图片上传压缩重构,UI优化,升级基础组件,laravel,php,前端,编辑器,css

UEditor是由百度开发的所见即所得的开源富文本编辑器,基于MIT开源协议,该富文本编辑器帮助不少网站开发者解决富文本编辑器的难点。

UEditorPlus 是有 ModStart 团队基于 UEditor 二次开发的富文本编辑器,主要做了样式的定制,更符合现代浏览器的审美。

在开发过程中解决了部分使用上的Bug,期待更多伙伴一期加入维护。

版本介绍

UEditorPlus v3.3.0 已经发布。

  • 新增:升级webuploader到最新版本

  • 新增:引入axios、browser-image-compression,渐进完成接口图片处理

  • 新增:完成simpleimage图片上传和上传压缩重构

  • 优化:富文本菜单和快捷操作UI样式优化

  • 优化:底部状态栏文字颜色统一调整

  • 优化:快捷操作栏默认操作内容调整优化

  • 修复:源码模式下 contentchange 时间不触发问题

关于Bug反馈与维护

  • 众所周知 UEditor 使用的人数多,目前已经累积了N个Bug,开源不易需要大家共同维护

  • 对于在实际使用中遇到的问题,如果急需解决推荐使用 悬赏Issue ,这样让更多有能力的开发者有共同维护的动力

在线演示

  • UEditor Plus演示

在线文档

  • UEditorPlus 使用文档

开源地址

  • 国内:ueditor-plus: 基于 UEditor 二次开发的富文本编辑器

  • 国际:GitHub - modstart-lib/ueditor-plus: 基于 UEditor 二次开发的富文本编辑器

  • 文档国内:ueditor-plus-doc: UEditorPlus 文档 https://open-doc.modstart.com/ueditor-plus/

     文章来源地址https://www.toymoban.com/news/detail-631818.html

到了这里,关于UEditorPlus v3.3.0 图片上传压缩重构,UI优化,升级基础组件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 小程序图片上传压缩

    上传图片是小程序常见的功能,例如点评类小程序邀请用户分享照片、电商类小程序要求商家上传商品照片。 伴随着照片像素越来越高,图片体积越来越大,小程序开发者需要压缩图片,否则将导致用户上传图片失败或加载时间过长等影响体验的情况。 小程序提供 wx.choose

    2024年02月10日
    浏览(35)
  • 前端Vue图片上传组件支持单个文件多个文件上传 自定义上传数量 预览删除图片 图片压缩

    前端Vue图片上传组件支持单个文件多个文件上传 自定义上传数量 预览删除图片 图片压缩, 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13099 效果图如下: 组件初始化 使用方法 HTML代码部分

    2024年02月09日
    浏览(46)
  • Vue前端压缩图片后上传,拍照上传最佳实践

    最近有一个需求,通过手机拍照后上传图片到服务器,大家应该都知道,现在的手机像素实在是太高了,随便拍一张都是 10M 以上,直接上传到服务器一方面是浪费存储空间,另外就是特别浪费流量,如果网络不好还很慢。所以想寻求一种前端压缩图片的方案。 在网上找了很

    2024年02月10日
    浏览(53)
  • 微信小程序上传图片压缩方案

    小程序上传图片需要进行压缩,可以使用wx.getFileSystemManager()方法将图片转换成base64格式,再使用canvas将图片压缩成指定大小。 首先使用wx.chooseImage()方法选择了一张图片,然后使用wx.getFileSystemManager()方法将图片转换成base64格式。接着使用canvas进行压缩,并将canvas转换成图片

    2024年02月11日
    浏览(39)
  • FastAdmin上传图片服务端压缩图片,实测13.45M压缩为29.91K

    先前条件:第一步安装compose,已安装忽略。 先上截图看效果 一、在fastadmin的根目录里面输入命令安装think-image 二、找到公共上传类,application/common/library/Upload.php,在最下面新添加一个压缩方法 三、在application/common/library/Upload.php文件中,找到里面的 upload() 方法,在文件上传

    2024年01月18日
    浏览(38)
  • uniapp图片上传与压缩,兼容小程序与H5

    图片上传借助了Uview2.0的组件 压缩代码

    2024年02月13日
    浏览(30)
  • vue2上传图片image-conversion压缩

    项目中涉及上传图片,如果大体积的一般都需要压缩,这里我使用image-conversion来压缩 其实在npm中使用已经说得很明白了,我这里记录一下跟element ui上传组件配合使用 1、安装image-conversion 2、引入使用 2.1、这里配合element ui的上传组件配合使用 上传前方法中处理压缩逻辑,压

    2024年01月21日
    浏览(32)
  • 【vue3】前端上传图片的格式大小限制和压缩

    目录 前言 对上传图片进行格式大小限制 压缩上传图片 上篇文章中研究了如何使用双token机制,在此篇中就暴露了一些问题:当accesstoken过期后,直到拿到最终想要得到的数据,期间需要经历三次请求——第一次请求,拿到accesstoken过期的消息——第二次携带refreshtoken发起请求

    2024年02月06日
    浏览(54)
  • uniapp 上传压缩图片 兼容h5和小程序的方法

    项目是用uniapp开发的,当时只是做App端,后来项目扩展到H5端, uniapp框架可以跨平台所以移动端和H5使用的是一套代码 上传头像的时候要求图片的大小在2MB一下,所以要压缩图片,App端当时使用的是uni.compressImage(OBJECT)压缩的(详情见:https://uniapp.dcloud.net.cn/api/media/image.html#

    2024年04月17日
    浏览(22)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包