dtourolle
1985163827
FormFieldText treats its origin as the control's top-left - size and in_object both measure down from it - but drew the label by calling Text.render at that origin, and Text anchors on the baseline. The label's glyphs therefore landed above the origin, outside the box the control claims, on top of whatever was there. In a stacked form that is the preceding field's input box, which is what example_10_forms.png showed: every label but the first crowding the box above it. The label is now offset down by its ascent, so it occupies the space the control accounts for. Height derives from the label's ink height rather than the nominal font size, which had also eaten into the 5px gap between label and box. LABEL_GAP names that gap and field_area_offset gives the distance from the origin to the top of the input box; render, handle_click and the height calculation now share it instead of each recomputing font_size + 5. Also recorded under S12: the broken process pool is not merely wasted work. It forks from a process that already has threads, and tests/layout/test_ereader_image_rendering.py hangs at interpreter exit roughly one run in four - every test passes, then the process never returns.
PyWebLayout
Project Status
| Badge | Description |
|---|---|
 |
Test Coverage - Percentage of code covered by unit tests |
 |
Documentation Coverage - Percentage of code with docstrings |
 |
License - Project licensing information |
| A Python library for HTML-like layout and rendering. |
📋 Note: Badges show results from the commit referenced in the URLs. Red "error" badges indicate build failures for that specific step.
Description
PyWebLayout is a Python library for HTML-like layout and rendering to paginated images. It provides a flexible page rendering system with support for borders, padding, text layout, and HTML parsing.
Key Features
Page Rendering System
- 📄 Flexible Page Layouts - Create pages with customizable sizes, borders, and padding
- 🎨 Styling System - Control backgrounds, border colors, and spacing
- 📐 Multiple Layouts - Support for portrait, landscape, and square pages
- 🖼️ Image Output - Render pages to PIL Images (PNG, JPEG, etc.)
Text and HTML Support
- 📝 HTML Parsing - Parse HTML content into structured document blocks
- 🔤 Font Support - Multiple font sizes, weights, and styles
- 🎨 Dynamic Font Families - Switch between Sans, Serif, and Monospace fonts on-the-fly
- ↔️ Text Alignment - Left, center, right, and justified text
- 📖 Rich Content - Headings, paragraphs, bold, italic, and more
- 📊 Table Rendering - Full HTML table support with headers, borders, and styling
- 🔘 Interactive Elements - Buttons, forms, and links with callback support
Architecture
- Abstract/Concrete Separation - Clean separation between content structure and rendering
- Extensible Design - Easy to extend with custom renderables
- Type-safe - Comprehensive type hints throughout the codebase
Installation
pip install pyWebLayout
Quick Start
Basic Page Rendering
from pyWebLayout.concrete.page import Page
from pyWebLayout.style.page_style import PageStyle
# Create a styled page
page_style = PageStyle(
border_width=2,
border_color=(200, 200, 200),
padding=(30, 30, 30, 30), # top, right, bottom, left
background_color=(255, 255, 255)
)
page = Page(size=(600, 800), style=page_style)
# Render to image
image = page.render()
image.save("my_page.png")
HTML Content Parsing
from pyWebLayout.io.readers.html_extraction import parse_html_string
from pyWebLayout.style import Font
# Parse HTML to structured blocks
html = """
<h1>Document Title</h1>
<p>First paragraph with <b>bold</b> text.</p>
<p>Second paragraph with more content.</p>
"""
base_font = Font(font_size=14)
blocks = parse_html_string(html, base_font=base_font)
# blocks is a list of structured content (Paragraph, Heading, etc.)
Visual Examples
The library supports various page layouts and configurations:
Page Styles Different borders, padding, and backgrounds |
HTML Content Parsed HTML with various text styles |
Page Layouts Portrait, landscape, and square formats |
Table Rendering HTML tables with headers and styling |
Interactive Elements Buttons, forms, and callback binding |
|
🆕 Pagination & PageBreak Multi-page documents with explicit and automatic breaks |
🆕 Link Navigation All 4 link types: Internal, External, API, Function |
🆕 Comprehensive Forms All 14 form field types with validation |
|
🆕 Dynamic Font Family Switching Switch between Sans, Serif, and Monospace fonts instantly |
|
Examples
The examples/ directory contains working demonstrations:
Getting Started
- 01_simple_page_rendering.py - Introduction to the Page system
- 02_text_and_layout.py - HTML parsing and text rendering
- 03_page_layouts.py - Different page configurations
- 04_table_rendering.py - HTML table rendering with styling
- 05_html_table_with_images.py - Tables with embedded images
- 06_functional_elements_demo.py - Interactive buttons and forms with callbacks
- 08_bundled_fonts_demo.py - Using the bundled DejaVu font families
🆕 Advanced Features (NEW)
- 08_pagination_demo.py - Multi-page documents with PageBreak (11 tests)
- 09_link_navigation_demo.py - All link types and navigation (10 tests)
- 10_forms_demo.py - All 14 form field types (9 tests)
- 11_font_family_switching_demo.py - 🆕 Dynamic font switching in ereader
Run any example:
cd examples
python 01_simple_page_rendering.py
python 08_pagination_demo.py # NEW: Multi-page documents
All new examples include comprehensive test coverage! Run tests with:
python -m pytest tests/examples/ -v # 30 tests, all passing ✅
Coverage Impact: The new examples fill critical documentation gaps:
- PageBreak: 0% → 100% (had NO examples before)
- LinkText: 14% → 100% (all 4 link types demonstrated)
- FormFields: 14% → 100% (all 14 field types demonstrated)
See examples/README.md for detailed documentation.
Font Family Switching (NEW ✨)
PyWebLayout now supports dynamic font family switching in the ereader, allowing readers to change fonts on-the-fly without losing their reading position!
Quick Example
from pyWebLayout.style.fonts import BundledFont
from pyWebLayout.layout.ereader_manager import create_ereader_manager
# Create an ereader
manager = create_ereader_manager(blocks, page_size=(600, 800))
# Switch to serif font
manager.set_font_family(BundledFont.SERIF)
# Switch to monospace font
manager.set_font_family(BundledFont.MONOSPACE)
# Restore original fonts
manager.set_font_family(None)
# Query current font
current = manager.get_font_family()
Features
- 3 Bundled Fonts: Sans, Serif, and Monospace (DejaVu font family)
- Instant Switching: Change fonts without recreating the document
- Position Preservation: Reading position maintained across font changes
- Attribute Preservation: Bold, italic, size, and color are preserved
- Smart Caching: Automatic cache invalidation for optimal performance
Learn more: See FONT_SWITCHING_FEATURE.md for complete documentation.
Documentation
- ARCHITECTURE.md - Abstract/Concrete architecture guide
- FONT_SWITCHING_FEATURE.md - 🆕 Font family switching guide
- examples/README.md - Complete examples guide with tests
- docs/images/README.md - Visual documentation index
- pyWebLayout/layout/README_EREADER_API.md - EbookReader API reference
- API Reference - See docstrings in source code
License
MIT License
Author
Duncan Tourolle - duncan@tourolle.paris