CKEditor and IntraWeb stand alone mode

最新推荐文章于 2022-03-01 15:10:13 发布

原创最新推荐文章于 2022-03-01 15:10:13 发布 · 596 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#delphi #web #IntraWeb

Delphi 专栏收录该内容

153 篇文章

订阅专栏

本文介绍如何在IntraWeb的standalone模式下集成CKEditor。通过在EXE程序同级目录创建wwwroot文件夹作为WebServer的根目录，并在其中放置CKEditor相关文件，再通过设置Form属性ExtraHeader来引用这些文件。

IntraWeb 在 stand alone 模式下，其 EXE 运行起来后是作为一个独立的内含 WebServer 的程序。假设它工作在 8080 port 上面。那么，访问它的 URL 就是：

http://MyIPAddress:8080/

如果要嵌入 CKEditor 在里面，CKEditor 相关的文档，应该放哪里？在网上搜了一下，发现这种情况下，在 exe 运行的当前文件夹下，建立一个叫做 wwwroot 的文件夹，这个文件夹就是当前这个 stand alone 模式的 Web Server 的 root folder。

概念清楚了，具体做法：

IntraWeb 的程序，在 StandAlone 模式下（自带 Web Server），引入外部的 js 文件，其路径： 1. 在当前 exe 程序下，建立一个 wwwroot 文件夹。这个才算是它的根目录。
2. 把要加载的外部文件，比如 CKEditor.js ，都放到 wwwroot 目录下的一个 CK 目录下。
3. 在 Form 属性：ExtraHeader 里面，添加要引用的文件的字符串，比如：

这样就可以引用到。
4. 如果要加载 CKEditor，在 Form 上放一个 TIWMemo 控件，控件名（Name 属性）为：MyCKEditor。
5. 在 Form OnCreate 里面写代码：
procedure TIWForm1.IWAppFormCreate(Sender: TObject);
var
jsString: string;
begin
jsString := 'CKEDITOR.replace("MyCKMemo1");';

Self.AddToInitProc(jsString);
end;
上述代码是将一段 JavaScript 让页面去执行。
测试，CKEditor 出现在页面上。