如何在 Chromium 中启用编辑器模式？

【问题标题】：How to enable EditorMode in TChromium?如何在 Chromium 中启用编辑器模式？
【发布时间】：2017-02-08 18:00:27
【问题描述】：

我想从 TWebBrowser 切换到 DCEF3 (TChromium)。
DCEF3 可以编辑 HTML 页面吗？如果是，如何使其进入“编辑”模式？

【问题讨论】：

CEF 主要为您提供对 DOM 的只读访问权限，因此此限制也适用于 DCEF3。如果你能找到一种方法来设置 body-tag 上的 contentEditable 属性，那么就可以编辑 HTML（你可能知道这一点）。但是，没有以编程方式检查插入符号或光标位置的元素的功能（有打开开发工具的功能，但推测不会有帮助）

【解决方案1】：

由于您可以在 Chromium 中执行 Javascript，因此您可以实现任何可以在 Javascript 中完成的事情。

所以你可以使用这个：

procedure TMainForm.EditMode1Click(Sender: TObject);
begin
  if crm.Browser <> nil then
    crm.Browser.MainFrame.ExecuteJavaScript(
      'document.designMode = "on"', 'about:blank', 0);
end;

procedure TMainForm.EditModeOFF1Click(Sender: TObject);
begin
  if crm.Browser <> nil then
    crm.Browser.MainFrame.ExecuteJavaScript(
      'document.designMode = "off"', 'about:blank', 0);
end;

有关更多详细信息，您应该谷歌如何使用 Javascript 制作（简单）HTML 编辑器。

【讨论】：