2021-09-15 17:27:01 +02:00
|
|
|
# (HTML) Image width limit
|
|
|
|
|
2022-04-17 00:47:46 +02:00
|
|
|
Add the style attribute `max-width:100%;height:25em;`
|
|
|
|
to image tags which only contain the `src` and `alt` attribute.
|
|
|
|
|
|
|
|
This prevents too large images from getting cropped off on the
|
|
|
|
right (if too wide) or split up over multiple pages
|
|
|
|
(if too tall).
|
2021-09-15 17:27:01 +02:00
|
|
|
|
|
|
|
## Global Installation - Arch Linux
|
|
|
|
|
|
|
|
To install the script as `de-p1st-image-width-limit` run the following:
|
|
|
|
|
|
|
|
```shell
|
|
|
|
makepkg -fCcsri
|
|
|
|
```
|
|
|
|
|
|
|
|
## Manual Installation
|
|
|
|
|
|
|
|
Install the python3 dependencies, e.g. with pip:
|
|
|
|
|
|
|
|
* `beautifulsoup4` (`pacman -S python-beautifulsoup4`)
|
|
|
|
* `html5lib` (`pacman -S python-html5lib`)
|
|
|
|
|
|
|
|
And make the python script executable:
|
|
|
|
|
|
|
|
```shell
|
|
|
|
chmod +x ./image-width-limit.py
|
|
|
|
```
|
|
|
|
|
|
|
|
## Example
|
|
|
|
|
|
|
|
Global installation:
|
|
|
|
|
|
|
|
```shell
|
2022-03-08 12:43:55 +01:00
|
|
|
de-p1st-image-width-limit example.html example_modified.html
|
2021-09-15 17:27:01 +02:00
|
|
|
```
|
|
|
|
|
|
|
|
Local installation:
|
|
|
|
|
|
|
|
```shell
|
2022-03-08 12:43:55 +01:00
|
|
|
python3 ./image-width-limit.py example.html example_modified.html
|
2021-09-15 17:27:01 +02:00
|
|
|
```
|