FCKeditor 2.6.5 ASP环境安装配置使用说明

安装 FCKeditor 2.6.5

1. 访问 FCKeditor 的官方网站，下载最新的 FCKeditor 2.6.5 的安装包。

2. 解压缩下载的安装包文件，将其中的文件夹 fckeditor 复制到你的网站的根目录下。

配置 FCKeditor 2.6.5

1. 配置 FCKeditor 在网页中的使用。

在需要使用 FCKeditor 的页面中引入如下代码块：

```html

```

1. 配置 FCKeditor 的服务器端。

在需要使用 FCKeditor 的页面中编写一个名为 editor_config.asp 的文件，代码片段如下：

```asp
%@LANGUAGE="VBSCRIPT"%
<%
' -- editor_config.asp --
' FCKeditor Sample Configuration File
'
' For more information check the documentation folder or
' http://wiki.fckeditor.net/Developer%27s_Guide/Configuration/Configuration_File
' ----------------------------------------------------------------------

'==[ Server Parameters ]===============================================
'== About: By default most of the parameters are set to their default value.
'== only a few needs to be changed. Please read the documentation
'== for all of them.
'=======================================================================

' The path to the application working directory (real or virtual).
FCKConfig.BasePath = "/fckeditor/" ' 相对于当前页面的路径，也可以写绝对路径。

' The following value enables the ImageBrowser plugin
' (It requires Java on the server). The default value
' is "false".
FCKConfig.ImageBrowser = true

' ==[ Language Settings ]===============================================
' == About: Here you can change the language settings.
'=======================================================================

' Set the editor interface language. Supported languages are:
' ar - Arabic, bg - Bulgarian, bn - Bengali, ca - Catalan, cs - Czech,
' cy - Welsh, da - Danish, de - German, el - Greek, en - English,
' eo - Esperanto, es - Spanish, et - Estonian, eu - Basque,
' fa - Persian, fi - Finnish, fo - Faroese, fr - French, he - Hebrew,
' hi - Hindi, hr - Croatian/serbian, hu - Hungarian, is - Icelandic,
' it - Italian, Ja - Japanese, Ko - Korean, lt - Lithuanian,
' lv - Latvian, mk - Macedonian, mn - Mongolian, ms - Malay,
' nl - Dutch, no - Norwegian/Bokmal, pl - Polish, pt - Portuguese
' pt_br - Portuguese (Brazil), ro - Romanian, ru - Russian,
' si - Sinhalese, sk - Slovak, sl - Slovenian, sq - Albanian,
' sr - Serbian Cyrillic, sr_latn - Serbian Latin, sv - Swedish,
' th - Thai, tr - Turkish, uk - Ukranian, vi - Vietnamese, xh - Xhosa,
' zh-cn - simplified Chinese, zh-tw - traditional Chinese.
FCKConfig.DefaultLanguage = "zh-cn"

' ==[ Image Settings ]=================================================
' == About: Here you can specify the image settings.
'=======================================================================

' Enables automatic resizing of images, based on the values below.
' = "false" to disable feature.
' = "maxWidth", to enable it and set the max width automatically.
' = "maxHeight", to enable it and set the max height automatically.
' = "{width},{height}" to set custom values.
FCKConfig.ImageAutoSize = true

' ==[ Link Settings ]==================================================
' == About: Here you can specify the link settings.
'=======================================================================

' The Hyperlink Dialog window width (in pixels).
'FCKConfig.LinkDlgWidth = 470

' The Hyperlink Dialog window height (in pixels).
'FCKConfig.LinkDlgHeight = 480
%>
```

1. 在需要使用 FCKeditor 的页面中引入此 editor_config.asp 文件。

```html

```

在网页中使用 FCKeditor

在需要使用 FCKeditor 的文本框中，设置 id 属性，然后引入 fckeditor.js 库，并在页面加载时调用 FCKeditorAPI.GetInstance(id) 方法来创建一个 FCKeditor 实例：

<textarea id="editor1" name="content"></textarea>
<script type="text/javascript" src="/fckeditor/fckeditor.js"></script>
<script type="text/javascript">
  var oFCKeditor = FCKeditorAPI.GetInstance('editor1');
  oFCKeditor.BasePath = "/fckeditor/";
  oFCKeditor.Config["CustomConfigurationsPath"] = "/fckeditor/editor_config.asp";
  oFCKeditor.ReplaceTextarea();
</script>

示例说明

示例 1：文字颜色修改

在文本编辑器中，用户可以通过选择字体颜色的方式修改所编辑的文本的颜色。

1. 在编辑器中打开一个已有的文本。
2. 选择要修改颜色的文本。
3. 点击工具栏中的“字体颜色”按钮。
4. 在弹出的颜色选择框中选择所需颜色。
5. 点击“确定”按钮，所选文本的颜色将会被修改。

示例 2：插入图片

在文本编辑器中，用户可以插入图片到要编辑的文本中。

1. 在编辑器中打开一个已有的文本。
2. 在工具栏中点击“插入/编辑图片”按钮。
3. 在弹出的图片插入窗口中，可以选择现有图片，或上传新的图片。
4. 如果选择现有图片，点击“确定”按钮，图片将会被插入到编辑器中。
5. 如果上传新的图片，选择上传图片按钮，并选择要上传的图片文件，点击“确定”按钮，图片将会被上传，并自动插入到编辑器中。