ui.restructured_text

ReStructuredText

将 ReStructuredText 渲染到页面上。

content：要显示的 ReStructuredText 内容

from nicegui import ui

ui.restructured_text('This is **reStructuredText**.')

# ui.run()

<nicegui.elements.restructured_text.ReStructuredText at 0x7f28d8ee3c70>

带有缩进的 reStructuredText

您可以对 reStructuredText 元素进行缩进来创建层次结构。为了保持相对缩进，每行开头的常见缩进会自动被去除，因此您可以缩进多行字符串。

from nicegui import ui

ui.restructured_text('''
    This is an example of a reStructuredText paragraph with several indentation levels.

    You can use multiple levels of indentation to structure your content.
    Each level of indentation represents a different level of hierarchy.

    - Level 1
        - Level 2
            - Level 3
                - Level 4
                    - Level 5
''')

# ui.run()

<nicegui.elements.restructured_text.ReStructuredText at 0x7f28a697cd30>

带有代码块的 reStructuredText

您可以使用代码块来显示代码示例。如果指定了语言，代码将会被语法高亮显示。请参阅此链接以获取支持的语言列表。

from nicegui import ui

ui.restructured_text('''
    .. code-block:: python3
    
        from nicegui import ui

        ui.label('Hello World!')

        ui.run()
''')

# ui.run()

<nicegui.elements.restructured_text.ReStructuredText at 0x7f28d876c9a0>

带有表格的 reStructuredText

有关 reStructuredText 表格的更多信息，请参阅 Sphinx 文档。

from nicegui import ui

ui.restructured_text('''
    +-------+-------+---------+--------+
    | A     | B     | A and B | A or B |
    +=======+=======+=========+========+
    | False | False | False   | False  |
    +-------+-------+---------+--------+
    | True  | False | False   | True   |
    +-------+-------+---------+--------+
    | False | True  | False   | True   |
    +-------+-------+---------+--------+
    | True  | True  | True    | True   |
    +-------+-------+---------+--------+
''')

# ui.run()

<nicegui.elements.restructured_text.ReStructuredText at 0x7f28d8d27250>