Delphi HTML顯示與編輯

Delphi裡有一個TWebBrowser的控件,這個控件是windows裡的TOleControl控件,

可以用來顯示與編輯HTML

 

 

unit Unit1;

interface

uses
  Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms,
  Dialogs, StdCtrls, OleCtrls, SHDocVw, activex;

type
  TForm1 = class(TForm)
    WebBrowser1: TWebBrowser;
    Button2: TButton;
    Memo1: TMemo;
    Button1: TButton;
    Button3: TButton;
    Button4: TButton;
    Button5: TButton;
    Button6: TButton;
    Button7: TButton;
    Edit1: TEdit;
    procedure Button2Click(Sender: TObject);
    procedure FormCreate(Sender: TObject);
    procedure Button3Click(Sender: TObject);
    procedure Button4Click(Sender: TObject);
    procedure Button5Click(Sender: TObject);
    procedure Button6Click(Sender: TObject);
    procedure Button7Click(Sender: TObject);
  private
    { Private declarations }
  public
    { Public declarations }
  end;

var
  Form1: TForm1;

implementation

uses   mshtml;

{$R *.dfm}



procedure TForm1.Button2Click(Sender: TObject);
var
StrStream:TStringStream;
SetNoteStr: string;
begin
  SetNoteStr :=Memo1.Text;
  StrStream:=TStringStream.Create(SetNoteStr);
  //WebBrowser1.Navigate('about:blank');
  try
    StrStream.Position:=0;
    (WebBrowser1.Document as IPersistStreamInit).Load(TStreamadapter.Create(StrStream));
  finally
    StrStream.Free;
  end;

  Edit1.SetFocus;
end;

procedure TForm1.Button3Click(Sender: TObject);
begin
  with WebBrowser1.Document as IHTMLDocument2 do
  begin
    //改变字体的前景色
    execCommand('ForeColor', False, 'red');
    //改变字体的粗细
    execCommand('Bold', False, 1);
    //打开插入图片对话框,插入图片
    execCommand('InsertImage', True, '');
    //文本居中
    execCommand('JustifyCenter', False, 0);
    //执行撤销上一步操作
    execCommand('Undo', False, 0);
  end;
end;

procedure TForm1.Button4Click(Sender: TObject);
begin
  with WebBrowser1.Document as IHTMLDocument2 do
  begin
    //改变字体的前景色
    execCommand('ForeColor', False, 'red');
  end;
end;

procedure TForm1.Button5Click(Sender: TObject);
begin
  with WebBrowser1.Document as IHTMLDocument2 do
  begin
    //改变字体的粗细
    execCommand('Bold', False, 1);
  end;
end;

procedure TForm1.Button6Click(Sender: TObject);
begin
  with WebBrowser1.Document as IHTMLDocument2 do
  begin
    //改变字体的粗细
    execCommand('FontSize', False, StrToInt(Edit1.Text));
  end;
end;

procedure TForm1.Button7Click(Sender: TObject);
var txt: string;
begin
  txt := IHtmlDocument2(WebBrowser1.Document).Body.outerHTML;
  Memo1.Text := txt;
end;

procedure TForm1.FormCreate(Sender: TObject);
begin
  WebBrowser1.Navigate('about:blank');
  (WebBrowser1.Document as IHTMLDocument2).Set_designMode('On');
end;

end.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,以下是一个简单的 Delphi 10 FMX Markdown 编辑器的实现: 首先,需要创建一个新的 FMX 应用程序,并添加一个 TToolBar、 TSpeedButton、 TMemo 和一个 TWebBrowser 控件。 然后,在 TToolBar 中添加一个 TSpeedButton,设置其名称为 btnPreview,文本为“预览”,并将其 Align 属性设置为 alRight。 在 TMemo 控件上,启用 WordWrap 属性,并将其 Align 属性设置为 alClient。在 TWebBrowser 控件上,设置其 Align 属性为 alClient。 接下来,需要为 TSpeedButton 按钮添加一个事件处理程序,以便在用户单击该按钮时,将 Markdown 代码转换为 HTML 代码并将其显示在 TWebBrowser 控件中。以下是示例代码: ```delphi uses MarkdownProcessor; procedure TForm1.btnPreviewClick(Sender: TObject); var markdown: TMarkdownProcessor; begin markdown := TMarkdownProcessor.CreateDialect(mdDaringFireball); try WebBrowser1.LoadFromStr(markdown.process(Memo1.Text)); finally markdown.Free; end; end; ``` 最后,需要在项目中添加一个 Markdown 处理器单元。可以使用开源的 Markdown 处理器库,如 CommonMark 或 MarkDownDeep。以下是使用 MarkDownDeep 的示例代码: ```delphi unit MarkdownProcessor; interface type TMarkdownProcessor = class public function process(const markdown: string): string; end; implementation uses System.SysUtils, MarkDownDeep; { TMarkdownProcessor } function TMarkdownProcessor.process(const markdown: string): string; var md: TMarkDownDeep; begin md := TMarkDownDeep.Create; try Result := md.Transform(markdown); finally md.Free; end; end; end. ``` 现在,您可以运行应用程序并在 TMemo 控件中输入 Markdown 代码。单击“预览”按钮,将在 TWebBrowser 控件中显示转换后的 HTML 代码。 希望这可以帮助您开始构建自己的 Delphi 10 FMX Markdown 编辑器!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值