HTML编辑器解决方案布署文档

1. 项目说明

JavaScript框架：JQuery

 

2. 整合到现有项目中

 

2.1. 整合到ASP项目中

主要步骤如下：

1.上传文件

2.修改上传地址

3.修改cab安装包地址和classid值

 

1.将下列文件和文件夹上传到服务器中：

acsp

css

fckeditor

js

ok.gif

ScreenCapture.cab

HttpUploader.cab

说明：

     ok.gif是上传成功后显示在已上传的文件列表中的图片。可自定义。

注意：

     请勿手动解压ScreenCapture.cab和HttpUploader.cab文件，此类CAB文件为控件自动安装包，请将完整文件上传到服务器中。

 

2.修改acsp\index.html文件中的PostUrl和RemoveUrl地址。

var postUrl = "http://localhost/demo/acsp/upload.asp";

httpUploaderMgr.Config["RemoveUrl"] = "http://localhost/demo/acsp/del_file.asp";

说明：

PostUrl是文件的上传地址。负责接收客户端上传的文件并存到服务器中，然后将文件的新地址返回给客户端。参考asp\upload.asp文件代码。

RemoveUrl是删除文件的脚本，负责从服务器删除指定的文件。参考asp\del_file.asp文件代码。

     示例中的upload.asp已包含自动添加到数据库的功能，在使用前需要为FileDB.mdb文件添加Everyone读写权限。

注意：

     上传文件页面应该返回新地址的完整路径。例如：/upload/picture.gif。

可参考看upload.asp文件的代码。

 

3.修改js\HttpUploader.js中的控件安装包(CAB)地址和clsid。

//自动安装上传控件

acx += '<object id="objHttpUpLoader" classid="clsid:7AAE6FD3-C 2F 2-49d5-A790-1103848B3531"';

acx += ' codebase="http://www.ncmem.com/products/htmleditor-sln/fckeditor2.x/HttpUploader.cab#version=2,2,8,45375" width="1" height="1" ></object>';

//文件夹选择控件

acx += '<object id="objHttpUploaderPartition" classid="clsid: 6F 3EB4AF-FC 9C -4570-A686-88B4B 427C 6FE"';

acx += ' codebase="http://www.ncmem.com/products/htmleditor-sln/fckeditor2.x/HttpUploader.cab#version=2,2,8,45375" width="1" height="1" ></object>';

acx += '</div>';

说明：

     每个公司的classid值都不一样，不同的classid值是为了避免与其它公司控件产生冲突。在购买本产品后我们会为每个公司单独生成一个classid值。

注意：

     请务必将codebase值改为实际控件地址。此地址为cab安装包在贵公司官网的真实地址。任意用户都能够访问到。

 

4.修改js\ScreenCapture.js中的控件安装包(CAB)地址和clsid

var acx = '<object id="FilePanel1" classid="clsid:3B 72F 89C -DE36-4d14-B0E5-C 5937A 9A 5D7E"';

acx += ' codebase="http://www.ncmem.com/products/htmleditor-sln/fckeditor2.x/ScreenCapture.cab#version=1,3,17,45376" width="1" height="1"></object>';

说明：

     每个公司的classid值都不一样，不同的classid值是为了避免与其它公司控件产生冲突。在购买本产品后我们会为每个公司单独生成一个classid值。

注意：

     请务必将codebase值改为实际控件地址。此地址为cab安装包在贵公司官网的真实地址。任意用户都能够访问到。

 

2.2. 整合到ASP.NET项目中

主要步骤如下：

1.上传文件

2.修改上传地址

3.修改cab安装包地址和classid值

 

1.将下列文件和文件夹上传到服务器中：

asp.net

css

fckeditor

js

ok.gif

ScreenCapture.cab

HttpUploader.cab

注意：

     请勿手动解压ScreenCapture.cab和HttpUploader.cab文件，此类CAB文件为控件自动安装包，请将完整文件上传到服务器中。

 

2.修改asp.net\index.html文件中的PostUrl和RemoveUrl地址。

var postUrl = "http://localhost/demo/acsp/upload.asp";

httpUploaderMgr.Config["RemoveUrl"] = "http://localhost/demo/acsp/del_file.asp";

说明：

     PostUrl是文件的上传地址。负责接收客户端上传的文件并存到服务器中，然后将文件的新地址返回给客户端。参考asp.net\upload.aspx文件代码。

     RemoveUrl是文件的删除脚本，负责从服务器删除指定的文件。参考asp.net\del_file.aspx文件代码。

 

3.修改js\HttpUploader.js中的控件安装包(CAB)地址和clsid。

//自动安装上传控件

acx += '<object id="objHttpUpLoader" classid="clsid:7AAE6FD3-C 2F 2-49d5-A790-1103848B3531"';

acx += ' codebase="http://www.ncmem.com/products/htmleditor-sln/fckeditor2.x/HttpUploader.cab#version=2,2,8,45375" width="1" height="1" ></object>';

//文件夹选择控件

acx += '<object id="objHttpUploaderPartition" classid="clsid: 6F 3EB4AF-FC 9C -4570-A686-88B4B 427C 6FE"';

acx += ' codebase="http://www.ncmem.com/products/htmleditor-sln/fckeditor2.x/HttpUploader.cab#version=2,2,8,45375" width="1" height="1" ></object>';

acx += '</div>';

说明：

     每个公司的classid值都不一样，不同的classid值是为了避免与其它公司控件产生冲突。在购买本产品后我们会为每个公司单独生成一个classid值。

注意：

     请务必将codebase值改为实际控件地址。此地址为cab安装包在贵公司官网的真实地址。任意用户都能够访问到。

 

4.修改js\ScreenCapture.js中的控件安装包(CAB)地址和clsid

var acx = '<object id="FilePanel1" classid="clsid:3B 72F 89C -DE36-4d14-B0E5-C 5937A 9A 5D7E"';

acx += ' codebase="http://www.ncmem.com/products/htmleditor-sln/fckeditor2.x/ScreenCapture.cab#version=1,3,17,45376" width="1" height="1"></object>';

说明：

     每个公司的classid值都不一样，不同的classid值是为了避免与其它公司控件产生冲突。在购买本产品后我们会为每个公司单独生成一个classid值。

注意：

     请务必将codebase值改为实际控件地址。此地址为cab安装包在贵公司官网的真实地址。任意用户都能够访问到。

 

2.3. 整合到PHP项目中

主要步骤如下：

1.上传文件

2.修改上传地址

3.修改cab安装包地址和classid值

 

1.将下列文件和文件夹上传到服务器中：

css

fckeditor

js

php

ok.gif

ScreenCapture.cab

HttpUploader.cab

注意：

     请勿手动解压ScreenCapture.cab和HttpUploader.cab文件，此类CAB文件为控件自动安装包，请将完整文件上传到服务器中。

 

2.修改php\index.html文件中的PostUrl和RemoveUrl地址。

var postUrl = "http://localhost/demo/acsp/upload.asp";

httpUploaderMgr.Config["RemoveUrl"] = "http://localhost/demo/acsp/del_file.asp";

说明：

     PostUrl是文件的上传地址，负责接收客户端上传的文件并存到服务器中，然后将文件的新地址返回给客户端。参考php\upload.php文件代码。

     RemoveUrl是文件的删除地址，负责从服务器删除指定的文件。

 

3.修改js\HttpUploader.js中的控件安装包(CAB)地址和clsid。

//自动安装上传控件

acx += '<object id="objHttpUpLoader" classid="clsid:7AAE6FD3-C 2F 2-49d5-A790-1103848B3531"';

acx += ' codebase="http://www.ncmem.com/products/htmleditor-sln/fckeditor2.x/HttpUploader.cab#version=2,2,8,45375" width="1" height="1" ></object>';

//文件夹选择控件

acx += '<object id="objHttpUploaderPartition" classid="clsid: 6F 3EB4AF-FC 9C -4570-A686-88B4B 427C 6FE"';

acx += ' codebase="http://www.ncmem.com/products/htmleditor-sln/fckeditor2.x/HttpUploader.cab#version=2,2,8,45375" width="1" height="1" ></object>';

acx += '</div>';

说明：

     每个公司的classid值都不一样，不同的classid值是为了避免与其它公司控件产生冲突。在购买本产品后我们会为每个公司单独生成一个classid值。

注意：

     请务必将codebase值改为实际控件地址。此地址为cab安装包在贵公司官网的真实地址。任意用户都能够访问到。

 

4.修改js\ScreenCapture.js中的控件安装包(CAB)地址和clsid

var acx = '<object id="FilePanel1" classid="clsid:3B 72F 89C -DE36-4d14-B0E5-C 5937A 9A 5D7E"';

acx += ' codebase="http://www.ncmem.com/products/htmleditor-sln/fckeditor2.x/ScreenCapture.cab#version=1,3,17,45376" width="1" height="1"></object>';

说明：

     每个公司的classid值都不一样，不同的classid值是为了避免与其它公司控件产生冲突。在购买本产品后我们会为每个公司单独生成一个classid值。

注意：

     请务必将codebase值改为实际控件地址。此地址为cab安装包在贵公司官网的真实地址。任意用户都能够访问到。

 

2.4. 整合到JSP项目中

主要步骤如下：

1.上传文件

2.修改上传地址

3.修改cab安装包地址和classid值

 

1.将下列文件和文件夹上传到服务器中：

css

fckeditor

js

jsp

ok.gif

ScreenCapture.cab

HttpUploader.cab

注意：

     请勿手动解压ScreenCapture.cab和HttpUploader.cab文件，此类CAB文件为控件自动安装包，请将完整文件上传到服务器中。

 

2.修改jsp\index.html文件中的PostUrl和RemoveUrl地址。

var postUrl = "http://localhost/demo/acsp/upload.asp";

httpUploaderMgr.Config["RemoveUrl"] = "http://localhost/demo/acsp/del_file.asp";

说明：

     PostUrl是文件的上传地址，负责接收客户端上传的文件并存到服务器中，然后将文件的新地址返回给客户端。参考jsp\upload\WebRoot\upload.jsp文件代码。

     RemoveUrl是文件的删除地址，负责从服务器删除指定的文件。

3.修改js\HttpUploader.js中的控件安装包(CAB)地址和clsid。

//自动安装上传控件

acx += '<object id="objHttpUpLoader" classid="clsid:7AAE6FD3-C 2F 2-49d5-A790-1103848B3531"';

acx += ' codebase="http://www.ncmem.com/products/htmleditor-sln/fckeditor2.x/HttpUploader.cab#version=2,2,8,45375" width="1" height="1" ></object>';

//文件夹选择控件

acx += '<object id="objHttpUploaderPartition" classid="clsid: 6F 3EB4AF-FC 9C -4570-A686-88B4B 427C 6FE"';

acx += ' codebase="http://www.ncmem.com/products/htmleditor-sln/fckeditor2.x/HttpUploader.cab#version=2,2,8,45375" width="1" height="1" ></object>';

acx += '</div>';

说明：

     每个公司的classid值都不一样，不同的classid值是为了避免与其它公司控件产生冲突。在购买本产品后我们会为每个公司单独生成一个classid值。

注意：

     请务必将codebase值改为实际控件地址。此地址为cab安装包在贵公司官网的真实地址。任意用户都能够访问到。

 

4.修改js\ScreenCapture.js中的控件安装包(CAB)地址和clsid

var acx = '<object id="FilePanel1" classid="clsid:3B 72F 89C -DE36-4d14-B0E5-C 5937A 9A 5D7E"';

acx += ' codebase="http://www.ncmem.com/products/htmleditor-sln/fckeditor2.x/ScreenCapture.cab#version=1,3,17,45376" width="1" height="1"></object>';

说明：

     每个公司的classid值都不一样，不同的classid值是为了避免与其它公司控件产生冲突。在购买本产品后我们会为每个公司单独生成一个classid值。

注意：

     请务必将codebase值改为实际控件地址。此地址为cab安装包在贵公司官网的真实地址。任意用户都能够访问到。