如何使用 Delphi 在 TMS WEB 核心网站中动态加载 CSS 文件?

问题描述 投票:0回答:1

使用 Delphi 将 CSS 文件动态插入到我的 TMS WEB Core 网站的最佳方法是什么?

我想根据主题(深色/浅色)加载特定的 CSS 文件。因此,每当网站打开时,就需要动态加载正确的 CSS 文件。

如何实现这一目标?

css delphi dynamic tms tms-web-core
1个回答
0
投票

TApplication
类有一个
InsertCSS
RemoveCSS
函数可用于此目的。

举个例子,假设我想通过单击按钮将 Bootstrap 动态加载到我的应用程序中,我可以这样做:

procedure TfrmMain.WebButton1Click(Sender: TObject);
begin
  Application.InsertCSS('MyCSS', 'https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css');
end;

您也可以直接在

.dpr
文件中执行此操作,例如:

program TestApp;

{$R *.dres}

uses
  Vcl.Forms,
  WEBLib.Forms,
  uIndex in 'uIndex.pas' {frmMain: TWebForm} {*.html};

{$R *.res}

begin
  Application.Initialize;
  Application.MainFormOnTaskbar := True;
  Application.CreateForm(TfrmMain, frmMain);

  Application.InsertCSS('MyCSS', 'https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css');

  Application.Run;
end.

运行上述示例会将以下代码行插入到您的

<head>
标签中:

<link id="TestingInsertCSS" rel="MyCSS" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
© www.soinside.com 2019 - 2024. All rights reserved.