限制 bbcode 的大小 [img]

发布于 2024-11-17 01:58:57 字数 354 浏览 3 评论 0原文

我有一个 bbcode 解析器,可以将

[img]imageurl[/img]

bbcode 转换为,

<img src="imageurl" alt="" /> 

唯一的问题是,我希望能够在这些图像上强制执行最大宽度和最大高度,而不会弄乱宽高比,但我无法检查尺寸并在之前进行调整大小数学因为 bbcode 解析器不是那么聪明。有没有办法使用内联 css 或 javascript 强制执行尊重图像最大尺寸的纵横比,而无需了解图像的尺寸?

我知道我可以更改 bbcode 解析器来设置标签样式的最大宽度,但这似乎不适用于 IE6。

I have a bbcode parser that turns,

[img]imageurl[/img]

bbcodes into,

<img src="imageurl" alt="" /> 

The only problem is, I want to be able to enforce a maximum width and maximum height on these images without messing up the aspect ratio, but I cannot check the size and do resizing math before hand since the bbcode parser is not that smart. Is there a way to enforce an aspect ratio respecting maximum size of an image without any knowledge of the image's dimensions using inline css or javascript?

I know I could change the bbcode parser to set a maxwidth for the tag's style, but this does not seem to work on IE6.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

岁月蹉跎了容颜 2024-11-24 01:58:57

使用 css:

img {
  max-width:30em;
  max-height:10em;
}

可能与容器结合使用,因此您的 bbcoded 帖子中只有最大尺寸的图像,而不是网站上的每个图像:

div.post img { … }

use css:

img {
  max-width:30em;
  max-height:10em;
}

probably combine with a container, so you only have images inside your bbcoded posts max-sized instead of every image on your site:

div.post img { … }
情独悲 2024-11-24 01:58:57

我不确定是否可以在客户端实现并支持 IE 6(天哪,你为什么想要这样做?)并支持现代浏览器,而不需要大量的跳圈、令人讨厌的 Javascript 或 CSS。

有什么原因不能在服务器端执行此操作吗?你将不得不在服务器端进行某种验证,因为 javascript 和 css 很容易被删除/关闭。

I am not sure if it possible to do it client-side AND support IE 6(Why in heavens would you want to?) AND support modern browsers without a ton of hoop-jumping, nasty Javascript or CSS.

Is there a reason you can't do it server-side? You are going to have to do some sort of validation server-side since javascript and css are easily removed/shut off.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文