Bootstrap 模板
TsgcHTMLTemplate_Bootstrap — 将任意 HTML 正文内容包装为完整的、独立的 Bootstrap 5 文档,支持可配置的主题、语言和文字方向。
TsgcHTMLTemplate_Bootstrap — 将任意 HTML 正文内容包装为完整的、独立的 Bootstrap 5 文档,支持可配置的主题、语言和文字方向。
sgcHTML 中最底层的文档包装器。将组合好的组件 HTML 赋值给 BodyContent,配置文档级设置,然后读取 HTML 属性即可获得一个包含嵌入资源、可直接部署的 Bootstrap 5 页面。
将渲染好的组件 HTML 设置到 BodyContent,可选配置 Title、HtmlTheme 和 HtmlLang,然后读取 HTML 属性即可获得完整的、可部署的页面。
uses
sgcHTML_Template_Bootstrap;
var
oTemplate: TsgcHTMLTemplate_Bootstrap;
begin
oTemplate := TsgcHTMLTemplate_Bootstrap.Create(nil);
try
oTemplate.Title := 'My App';
oTemplate.HtmlTheme := 'dark';
oTemplate.HtmlLang := 'en';
oTemplate.BodyContent := oNavBar.HTML + oGrid.HTML;
Response.ContentText := oTemplate.HTML;
finally
oTemplate.Free;
end;
end;
TsgcHTMLTemplate_Bootstrap *oTemplate = new TsgcHTMLTemplate_Bootstrap(NULL);
try
{
oTemplate->Title = "My App";
oTemplate->HtmlTheme = "dark";
oTemplate->HtmlLang = "en";
oTemplate->BodyContent = oNavBar->HTML + oGrid->HTML;
Response->ContentText = oTemplate->HTML;
}
__finally { delete oTemplate; }
var template = new TsgcHTMLTemplate_Bootstrap();
template.Title = "My App";
template.HtmlTheme = "dark";
template.HtmlLang = "en";
template.BodyContent = navbar.HTML + grid.HTML;
response.ContentText = template.HTML;
最常用的成员。
放置在文档 <body> 内的 HTML 片段;将 sgcHTML 组件的拼接输出赋值于此。
文档头部 <title> 元素的文本内容。
写入 <html> 元素 data-bs-theme 属性的字符串(例如 'light' 或 'dark'),使 Bootstrap 的颜色系统正确切换。若需自动的明亮 / 暗黑 / 系统切换,可将 TsgcHTMLThemeBuilder(Mode = tmLight、tmDark 或 tmSystem)接入 ThemeBuilder 属性。
<html> 元素上的 lang 属性;默认为 'en'。sgcHTML 还内置了 17 种语言的 UI 文本,可通过 sgcHTMLSetLanguage 选择,使组件以正确的原生文字(包括中日韩文字、西里尔文和阿拉伯文)渲染。
写入 dir 属性的字符串(例如 'ltr' 或 'rtl'),用于支持从右到左的语言。
注入 <head> 的额外 HTML;可用于自定义 <meta> 标签或额外的 <script> 引用。与 CustomCSS 搭配使用可添加内联 <style> 块。