直接跳到内容

RichLog 富文本滚动日志

RichLog 是支持 Rich markup 的滚动日志组件,可自动语法高亮,适合展示带样式的实时日志输出。

底层:Textual RichLog

基本用法

Props

属性类型默认值说明
markupboolFalse是否解析 Rich markup(如 [bold]text[/bold]),声明即为 True
wrapboolFalse长行是否自动换行,声明即为 True
highlightboolFalse是否自动语法高亮(如 URL、数字等),声明即为 True
auto_scrollboolTrue是否自动滚动到最新内容
max_linesintNone最大保留行数,None 表示不限制

markupwraphighlight 均为 store_true 类型属性,在模板中直接声明即视为 True,无需 :markup="True"

v-model

v-model 默认绑定属性:lines

绑定已输出的行列表(只读),通常不通过 v-model 修改内容,而是通过 ref 调用方法写入。

事件

RichLog 本身不触发特殊事件,通过 ref 方式操作内容。

事件说明
无(通过 ref 操作)

通过 ref 调用方法

方法说明
.write(text)写入一条内容(支持 Rich 对象、Markup、字符串)
.clear()清空所有日志内容

通用属性

所有 Textual-vuepy 组件均支持以下属性:

属性类型说明
idstr组件 CSS ID
stylestrTCSS 内联样式
classstrTCSS 类名(空格分隔)
border_titlestr边框标题
border_subtitlestr边框副标题
RichLog 富文本滚动日志已经加载完毕