富文本编辑器

最近更新时间：2023-09-26

本文档中的示例详见\02_demo\test_project\res\content\maps\ui_demo.fmap

概述

富文本编辑器（Rich Edit）用于接收用户的输入，同时其支持多行编辑，支持一部分HTML语法。

单击编辑器可以使其获得焦点（此时编辑栏中会有光标闪动），编辑器在获取焦点后才能获取用户输入，点击编辑器以外的其他区域会使编辑器失去焦点，失去焦点后不会获取用户的输入。

HTML文本格式-font

font属性	说明
face	规定字体的样式
color	规定字体的颜色
size	规定字体的大小
bold	字体加粗
italic	字体为斜体
underline	为字体添加下划线

font-face字体样式

RichEdit_Left.Text = nx_widestr("
<font>RichEdit</font>
")

RichEdit_Right.Text = nx_widestr("
<font face=\"Default30I\">RichEdit</font>
")

注意

Default30I字体样式配置如下（具体可参考字体）：

font-color字体颜色

RichEdit_Left.Text = nx_widestr("
<font>RichEdit</font>
")

RichEdit_Right.Text = nx_widestr("
<font color=\"#8431bb\">RichEdit</font>
")

font-size字体大小

RichEdit_Left.Text = nx_widestr("
<font>RichEdit</font>
")

RichEdit_Right.Text = nx_widestr("
<font size=\"35\">RichEdit</font>
")

font-bold字体加粗

RichEdit_Left.Text = nx_widestr("
<font>RichEdit</font>
")

RichEdit_Right.Text = nx_widestr("
<font bold=\"true\">RichEdit</font>
")

font-italic字体斜体

RichEdit_Left.Text = nx_widestr("
<font>RichEdit</font>
")

RichEdit_Right.Text = nx_widestr("
<font italic=\"true\">RichEdit</font>
")

font-underline字体下划线

RichEdit_Left.Text = nx_widestr("
<font>RichEdit</font>
")

RichEdit_Right.Text = nx_widestr("
<font underline=\"true\">RichEdit</font>
")

font-示例

RichEdit_Left.Text = nx_widestr("
<font>RichEdit_1 RichEdit_2</font><br/>
<font>RichEdit_3 RichEdit_4</font><br/>
<font>RichEdit_5 RichEdit_6</font>
")

RichEdit_Right.Text = nx_widestr("
<font face=\"Default15W\">RichEdit_1</font> <font face=\"Default15W\" color=\"#8431bb\">RichEdit_2</font><br/>
<font size=\"20\" bold=\"true\">RichEdit_3</font><br/>
<font italic=\"true\">RichEdit_4/<font><br/>
<font underline=\"true\">RichEdit_5 RichEdit_6</font>
<font face=\"Default15W\" color=\"#8431bb\" size=\"20\" bold=\"true\" italic=\"true\" underline=\"true\">RichEdit_7</font>
")

Rich Edit属性

属性	说明
文本（Text）	当前编辑器（Rich Edit）显示的内容
字体颜色（Font Color）	用于显示控件的字体颜色
浮动提示文字（Floating Hint Text）	鼠标悬浮于控件时显示的提醒文字
是否支持HTML标签格式化文本（HTML Tag Format Text）	控制控件是否支持解析HTML

Rich Edit事件

回调名称	回调函数
on_get_focus	鼠标点击获得焦点回调
on_lost_focus	失去鼠标点击焦点回调
on_changed	输入的内容变化时调用的回调
on_enter	敲击回车时调用的回调

Lua脚本示例

self.Text = "Edit"
self.AlwaysVScroll = true

function on_rich_edit_enter(self)
    local str=nx_string(self.Text)
    nx_msgbox(str) 
end