Bootstrap Template — sgcHTML | eSeGeCe

Bootstrap Template

TsgcHTMLTemplate_Bootstrap — HTML 본문 콘텐츠를 구성 가능한 테마, 언어 및 텍스트 방향이 포함된 완전하고 독립적인 Bootstrap 5 문서로 감쌉니다.

TsgcHTMLTemplate_Bootstrap

sgcHTML에서 가장 낮은 수준의 문서 래퍼입니다. 구성된 컴포넌트 HTML을 BodyContent에 할당하고, 문서 수준 설정을 구성한 후, HTML을 읽으면 내장 자산이 포함된 배포 가능하고 독립적인 Bootstrap 5 페이지를 얻습니다.

컴포넌트 클래스

TsgcHTMLTemplate_Bootstrap

역할

완전한 Bootstrap 5 문서 래퍼

제품군

인프라 & 엔진

언어

Delphi, C++ Builder, .NET

BodyContent 할당 후 HTML 읽기

렌더링된 컴포넌트 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;

주요 속성 및 메서드

가장 자주 사용하는 멤버.

BodyContent

문서 <body> 안에 배치되는 HTML 프래그먼트로, sgcHTML 컴포넌트의 연결된 출력을 여기에 할당합니다.

Title

문서 헤드의 <title> 요소에 들어가는 텍스트입니다.

HtmlTheme

<html> 요소의 data-bs-theme에 기록되는 문자열로(예: 'light' 또는 'dark'), Bootstrap의 색상 시스템이 올바르게 전환되도록 합니다. 자동 라이트 / 다크 / 시스템 전환을 원하면 TsgcHTMLThemeBuilder(Mode = tmLight, tmDark 또는 tmSystem)를 ThemeBuilder 속성에 연결하십시오.

HtmlLang

<html> 요소의 lang 속성으로, 기본값은 'en'입니다. sgcHTML은 또한 sgcHTMLSetLanguage로 선택할 수 있는, 17개 언어로 현지화된 내장 UI 텍스트를 제공하므로, 컴포넌트가 CJK, 키릴 문자 및 아랍어를 포함한 올바른 네이티브 문자로 렌더링됩니다.

HtmlDir

dir 속성에 기록되는 문자열로(예: 'ltr' 또는 'rtl'), 오른쪽에서 왼쪽으로 쓰는 언어를 지원합니다.

CustomHead

<head>에 삽입되는 추가 HTML로, 사용자 정의 <meta> 태그나 추가 <script> 참조에 사용합니다. 인라인 <style> 블록에는 CustomCSS와 함께 사용하십시오.

계속 탐색하기

온라인 도움말이 컴포넌트의 전체 API 참조 및 사용 가이드입니다.
모든 sgcHTML 컴포넌트60개 이상의 컴포넌트 전체 기능 매트릭스를 살펴보세요.
무료 체험판 다운로드30일 체험판에는 60.HTML 데모 프로젝트가 포함되어 있습니다.
가격전체 소스 코드가 포함된 단일, 팀 및 사이트 라이선스.

시작할 준비가 되셨나요?

무료 체험판을 다운로드하고 Delphi, C++ Builder 및 .NET에서 웹 UI 빌드를 시작하세요.