README_zh_CN.md

nicegui_super_extensions

为Nicegui提供一系列扩展功能

English  |  简体中文

extensions

markdown

• 使用vditor 提供支持, 你可以在这里查看支持的功能

安装

pip install nicegui_super_extensions 

如何使用

1. 第一步，在页面加载成功前导入依赖

from nicegui_super_extensions.markdown_renderer import (
    MarkdownPreViewer,
    initMarkdownPreViewerDependence,
)
initMarkdownPreViewerDependence()

2. 第二步，使用组件并渲染markdown

MarkdownPreViewer().render(markdown)

3. (可选)第三步, 更新markdown内容

md.render(new_markdown)

reconnect_box

• 之前

  

• 现在

  

如何使用

1. 第一步

from nicegui_super_extensions.reconnect_box import set_reconnect_box

1. 第二步

# just can use after page load
set_reconnect_box()
# after page load to use it
app.on_connect(lambda: set_reconnect_box())

reorderable

let an item reorderable in row or column

how to use it

1. 第一步

nicegui_super_extensions.reorderable import ReorderableItem,ReorderableColumn

1. 第二步

with ReorderableColumn() as col:
    with ReorderableItem() as draggable:
        ui.label("Draggable Item 1")

    with ReorderableItem() as draggable:
        ui.label("Draggable Item 2")

    with ReorderableItem() as draggable:
        ui.label("Draggable Item 3")