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, Theme, Language를 구성한 후, HTML 속성을 읽으면 완전하고 배포 가능한 페이지를 얻습니다.

uses
  sgcHTML_Template_Bootstrap;

var
  oTemplate: TsgcHTMLTemplate_Bootstrap;
begin
  oTemplate := TsgcHTMLTemplate_Bootstrap.Create(nil);
  try
    oTemplate.Title       := 'My App';
    oTemplate.Theme       := htDark;
    oTemplate.Language    := '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->Theme       = htDark;
  oTemplate->Language    = "en";
  oTemplate->BodyContent = oNavBar->HTML + oGrid->HTML;
  Response->ContentText  = oTemplate->HTML;
}
__finally { delete oTemplate; }
var template = new TsgcHTMLTemplate_Bootstrap();
template.Title       = "My App";
template.Theme       = TsgcHTMLTheme.htDark;
template.Language    = "en";
template.BodyContent = navbar.HTML + grid.HTML;
response.ContentText = template.HTML;

주요 속성 및 메서드

가장 자주 사용하는 멤버.

BodyContent

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

Title

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

Theme

htLight, htDark 또는 htSystem으로, <html> 요소에 data-bs-theme을 설정하여 Bootstrap의 색상 시스템이 올바르게 전환되도록 합니다.

Language

<html> 요소의 lang 속성으로, 기본값은 'en'입니다.

Direction

hdLTR 또는 hdRTL로, 오른쪽에서 왼쪽으로 쓰는 언어 지원을 위해 dir 속성을 설정합니다.

HeadContent

닫는 태그 전에 <head>에 삽입되는 추가 HTML로, 사용자 정의 <style> 블록, <meta> 태그 또는 추가 <script> 참조에 사용합니다.

계속 탐색하기

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

시작할 준비가 되셨나요?

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