HTML
2024-07-18 10:52:09
Sciter 的 HTML 解析器通常遵循 HTML5 语言语法,并带有附加功能:
语法快捷方式
希特 | 常规 HTML |
---|---|
<input #id /> | <input id="id" /> |
<input .class /> | <input /> |
`<input | text />` |
<input (name) /> | <input name="name" /> |
多个快捷方式可以组合在一起。本声明
<button|radio(group).first>First option</button>
等价于
<button type="radio" name="group" class="first">First option</button>
注意 在 Sciter 中,元素后面的空格是可选的。常规 html 和 Sciter html 可以混合在同一个文档中。
元素
这些是 Sciter 特定的元素,其中大多数都分配了自定义行为。
元素 | 描述 |
---|---|
<popup> | popup 元素(首选放置在 <head> ) |
<menu .context> | 上下文菜单样式元素 |
<menu .popup> | 上下文菜单样式元素 |
<plaintext> | 多行文本编辑器 |
<htmlarea> | 所见即所得/富文本/html 编辑器 |
<frameset> | 子元素是可调整大小的窗口块 |
<select\|tree> | 树列表选择元素,行为选择类型之一 |
<include src="some.html"/> | 将 HTML 片段文件插入到位。 |
属性
属性 | 描述 |
---|---|
spellcheck | true/false 启用或禁用拼写检查 |
selectable | 允许内容选择(行为) |
novalue | 同 placeholder 义词 |
杂项
危险不支持静态 HTML 中的属性事件 (onclick..)。(除非你实现方法让它工作)。但是您可以在 JSX 中使用它们:
function func() {...}
document.body.append(<button onclick={func}>Hello</button>);
Sciter 允许使用自定义元素标签,请确保为它们提供默认样式。
您可以显示带有
Element.popup
的弹出窗口。字符串
&platform-cmd-mod;
替换为Ctrl/CMD...