Redmine 5.0.1中如何调整图片大小以在PDF导出时正常显示?
解决Redmine 5.0.1中Commonmark Markdown图片大小调整及PDF导出兼容问题
针对你遇到的问题,这里提供三个可行的解决方案,覆盖全局统一调整、单图精准控制和插件扩展三种场景:
方案1:全局自定义CSS统一调整图片尺寸
适合需要批量控制所有问题中图片显示大小的场景,网页和PDF导出都会生效:
- 进入Redmine后台,依次点击「管理」→「设置」→「显示」
- 在「自定义样式表」文本框中添加以下CSS规则:
#issue .content img { max-width: 70%; height: auto; } - 保存设置后,所有问题详情页中的图片会自动按70%宽度自适应显示,PDF导出时也会遵循这个样式规则。
方案2:使用带inline style的HTML标签兼容PDF渲染
如果你需要单独控制某张图片的尺寸,可替换原<img>标签的写法,改用style属性定义尺寸,提升PDF渲染兼容性:
- 将原写法:
修改为:<img src="filename.jpg" width="70%"><img src="filename.jpg" style="width:70%; height:auto;"> - 这种写法会被Redmine的网页渲染和PDF生成器(如wkhtmltopdf)同时识别,既保证网页显示正常,也不会在PDF中丢失图片。
方案3:安装插件扩展Commonmark的图片属性支持
如果偏好使用Markdown原生语法控制尺寸,可以安装支持Commonmark扩展属性的Redmine插件:
- 寻找适配Redmine 5.0.1的Markdown扩展插件(如支持Extra Attributes的插件)
- 安装并启用插件后,即可使用类似
{width=70%}的语法定义图片尺寸,网页和PDF导出都会正确解析该属性。
内容的提问来源于stack exchange,提问作者Gary Aitken
相关产品推荐
相关产品推荐

