首页 > 解决方案 > Swagger UI + OpenAPI 全宽渲染图像

问题描述

我正在使用Python + Flask + Connexion + Swagger + OpenAPI.

我有这个OpenAPI文件:

在此处输入图像描述

当我执行它时,它会正确渲染图像。

我的问题是:图像变得太大,因为图像附加了一个 CSS 类:full-width。反正有没有说不Swagger UI添加那个类?

请记住,我正在使用:openapi: 3.0.1.

谢谢!

标签: pythonswaggerswagger-uiopenapiswagger-editor

解决方案


我通过覆盖Swagger-UI / CSS文件来完成这项工作。

如果像我一样使用:Python + Flask + Connexion + Swagger + OpenAPI那么您可以使用与文件相同的路径定义一个新路由:swagger-ui.css并使用原始内容提供它,但更改如下。这就是诀窍。

...
.swagger-ui img.full-width {
    /* width: 100% */
}
...

推荐阅读