首页 程序笔记 TinyMce上传图片去掉宽度和高度问题

TinyMce上传图片去掉宽度和高度问题

使用TinyMce图片上传插件, 上传图片后会获取到图片的宽度和高度并且填充到Width和Height输入框内。 在显示页面自定义了css样式设置了图片的宽度,所以这里不想要设置图片的宽度。可以手动删掉宽度和高度的值,点击Save后看源代码里图片已经没有width和height属性了。但是点编辑图片后再save发现源代码里高度和宽度又加回来了,而且手动删掉高度和宽度源代码里还会加上宽度和高度。

从官方文档并未找到很好的办法。 在file_picker_callback和reader.addEventListener事件里没有设置宽度和高度的地方。

修改前

后来找到了image_dimensions配置项,把它设置为false后,上传图片的界面上就没有width和height的设置项了。

修改后

但是这样也有个问题,如果通过手动拖拉文件改变大小后,也没有地方改宽度和高度了,不过可以通过切换到源代码后删除img的width和height属性。

文档地址: https://www.tiny.cloud/docs-4x/plugins/image/#image_dimensions

1

站心网

使用TinyMce图片上传插件, 上传图片后会获取到图片的宽度和高度并且填充到Width和Height输入框内。 在显示..

为您推荐

押注配送速度,Temu在韩国卷出新高度

文:习芮编辑:小戎出品:增长工场Temu 在韩国的“加码”还在继续。继年初开放韩国卖家入驻,2 月在韩国布局本地仓后,3 月 21 日,Temu 宣布与韩国乐天集团旗下物流子公司乐天全球物流签署长期租约,租用位于京畿道..

让别人舒服的程度,决定你的人生高度

1.李嘉诚的平易近人有人说,真正的牛人都是非常平易近人的。李嘉诚就是这样一个人。无论面对高官巨贾,还是普通众人,他都表现出平易近人的态度,不端架子,照顾每个人的情绪,让对方感到和风般的舒服。地产行业大佬..

学习最重要是方法,管理最重要是高度

技术学习要兼顾深度和广度夯实技术基础这么多年来,我面试了很多人。我越发感到「技术基础」非常重要。很多技术的本质是一样的。技术基础足够好的话,学东西可以非常快。往下到操作系统层面,甚至计算机硬件层面,你..

.NET C#连接FTP实现文件上传下载

在 .NET 中可以使用 System.Net.FtpWebRequest 类来连接 FTP 服务器,实现文件上传和下载。以下是实现文件上传和下载的完整代码示例。1. 上传文件到 FTP 服务器using System;using System.IO;using System.Net;class..

5个高性能 .NET Core 图片处理库推荐

在使用 .NET Core 开发中,图片处理是一个常见需求,如图像缩放、裁剪、格式转换和添加水印等。以下是一些推荐的 .NET Core 图片处理库,它们功能强大且支持多种图像处理功能:1. ImageSharp简介:ImageSharp 是一个..

.NET C# 读取编辑.AVIF图片文件

在 .NET 中读取和编辑 .AVIF 图片文件需要特定的库支持,因为 System.Drawing 等内置功能不直接支持 AVIF 格式。目前可以通过以下方式在 .NET 中实现对 AVIF 文件的读取和编辑:方法一:使用 ImageMagick 的 .NET 封..

EntityFrame(EF) SQLite常见问题和解决方案

在使用 Entity Framework (EF) SQLite 时可能遇到的一些问题,下面是一些常见的问题和对应的解决方案。1. 无法找到适配器或数据库提供程序运行 EF 时提示类似以下错误:No database provider has been configured fo..

.NET C# SkiaSharp读取.AVIF图片文件报错

SkiaSharp 目前对 .AVIF 格式的支持可能依赖于具体的版本和底层库的配置。如果在使用 SkiaSharp 时尝试读取 .AVIF 文件报错,以下是一些可能的原因和解决方案:1. 检查 SkiaSharp 的版本SkiaSharp 的支持功能取决于..

.NET开源ORM FreeSql常见问题和解决方法

FreeSql 是一个功能强大的 .NET 开源 ORM(对象关系映射)工具,支持多种数据库类型并提供丰富的功能特性。以下是使用 FreeSql 过程中常见的问题及其解决方法:1. 数据库连接问题问题描述:无法连接数据库,报错提示..

SQL Server用UUID做主键性能问题和解决方案

在 SQL Server 中使用 UUID(全称:Universally Unique Identifier) 作为主键确实可能带来一些性能问题,特别是在大型数据库和高写入负载的场景下。以下是一些关键的性能挑战及其原因:1. 无序插入导致索引碎片化UU..

ideogram.ai 人工智能AI图片生成工具网站

Ideogram是一个由前Google Brain员工创立的AI绘画工具,它能够根据文本生成各种风格的图像,尤其擅长准确生成文本内容和抽象图标。Ideogram官网地址:https://ideogram.ai/loginIdeogram是由前Google Brain员工在202..

文件上传JavaScript库FilePond使用教程

传统的文件上传控件往往显得笨拙且不够用户友好。FilePond的出现,为Web文件上传带来了革命性的改变。本文将详细介绍FilePond这一JavaScript库,探讨它如何优化文件上传流程,并提供无与伦比的用户体验。什么是FileP..

Blazor的N种渲染模式原理和常见问题说明

我们从下面这幅图开始,下图显示了三种渲染模式,分别称之为静态SSR、交互式SSR(即之前的BlazorServer)、交互式CSR(即之前的BlazorWasm)。还有一种渲染模式BlazorHybrid,稍后说。一、先浅层理解一个图例静态SSR:经..

CLS 问题:超过 0.1(桌面设备) 是什么意思?

在网页设计和开发中,CLS(Cumulative Layout Shift)是指页面布局的累计偏移量。当一个用户与页面互动时,如果页面的某些元素突然改变位置或大小,导致整个布局发生偏移,就会产生布局偏移。这种偏移可能会影响用户..

Web应用安全之八种安全的文件上传方式

为了让最终用户将文件上传到您的网站,就像是给危及您的服务器的恶意用户打开了另一扇门。即便如此,在今天的现代互联网的Web应用程序,它是一种常见的要求,因为它有助于提高您的业务效率。在Facebook和Twitter等..

WebClient上传文件方法UploadFile

测试环境 服务器端:Windows Server 2003,IIS6.0. 上传文件的代码: [csharp] view plaincopy在CODE上查看代码片派生到我的代码片 using (WebClient client = new WebClient() { Credentials = CredentialCache.De..

MVC跨域问题 Response for preflight has invalid HTTP status code 405

公司项目H5调用接口遇到Response for preflight has invalid HTTP status code 405这样的错误,是使用PUT方式提交请求接口。Content-Type设置为application/json,JS代码如下:$.ajax({type:"PUT",url:"http://172.1..

c# 输出base64图片格式

项目中要输出二维码图片,打算在接口中输出base64字符串。Base64编码在Web方面有很多应用,.Net Framework也提供了现成的功能类(System.Convert)用于将二进制数据转换为Base64字符串。先使用ThoughtWorks.QRCode生成..

c#无损压缩图片代码,可设置压缩质量

之前写过一篇文章《使用htmlagilitypack+xpath抓取网页内容示例》,提到使用htmlagilitypack抓取网页信息。想做一个网络爬虫,但是想把网页上的图片也下载到本地,于是写了下载图片的功能。但是第三方网站上的图片大..

.NET Core上传文件报Access xxx.tmp is denied错误

.NET Core上传文件本地调试正常,部署到IIS服务器之后会报错,错误是Access 'c:\\windows\\temp\\xxx.tmp' is denied.看上去是IIS用户没有权限访问系统临时文件夹的权限。经过测试,不需要特地去为temp文件..

发表回复

返回顶部