fckeditor使用和报错处理

以前用 ASP 做网站的时候后台用的文本编辑器都是 ewebeditor ,方便,易用,在网页中内嵌一句话就ok了。 本来换成 .net 写后台时也打算用这个的,但很郁闷的是,发现它不能在 Firefox 下支持。

那就只能放狗搜索了,发现现在主流的支持 .net 的 web 编辑器有:

cuteeditor
http://cutesoft.net/ASP.NET%2BWYSIWYG%2BEditor/

fckeditor
http://ckeditor.com/

DotNetTextBox
http://dotnettextbox.codeplex.com/

freetextbox
http://www.freetextbox.com/

Weiseditor
http://www.weiseditor.com/

10个免费的javascript库文本编辑器
http://www.aspxcs.net/HTML/1711421053.html

大家可以挑选适合自己的编辑器。现在我就总结一下 Fckeditor 2.6.6 的安装配置吧:

1.download

先从 Fckeditor 的官网上面下载(点击这里),注意了 ,.net 的支持要下载两个包,具体看它上面的鸡肠。

2.unpackege

解压后放在适当的位置,我现在放的是根目录。还有将 .net 的解压包中的 FCKeditor.Net_2.6.3\bin\Release\2.0 下的 FredCK.FCKeditorV2.dll copy 到根目录的 bin 文件夹里(注意我这用的是framework 2.0 的,如果是 1.0 的请 copy 1.0文件夹下的 dll文件啦)

3. add the plugin to the VS

打开 盗版 VS 2008, 打开 工具箱(toolbox) 面板 ==》选择项(choose items)==》浏览(browse)==》选择 bin FredCK.FCKeditorV2.dll。这样在你的 工具箱 面板就会增加了一个 Fckeditor 的插件,以后添加 文本编辑框就可以直接拖拉进去你想放的位置就可以了

进入FCKeditor文件夹,编辑 fckconfig.js 文件

1、修改:

var _FileBrowserLanguage = ‘php’ ; // asp | aspx | cfm | lasso | perl | php | py

var _QuickUploadLanguage = ‘php’ ; // asp | aspx | cfm | lasso | php

为:

var _FileBrowserLanguage = ‘aspx’ ; // asp | aspx | cfm | lasso | perl | php | py

var _QuickUploadLanguage = ‘aspx’ ; // asp | aspx | cfm | lasso | php

2、配置语言

     修改:

FCKConfig.DefaultLanguage = ‘en’ ;

改为:

FCKConfig.DefaultLanguage = ‘zh-cn’ ;

3、配置皮肤,有default、office2003、silver风格等,可以使用默认。

FCKConfig.SkinPath = FCKConfig.BasePath + ’skins/default/’ ;

4、在编辑器域内可以使用Tab键。(1为是,0为否)

FCKConfig.TabSpaces = 0 ; 改为 FCKConfig.TabSpaces = 1 ;

5、加上几种常用的字体:

           FCKConfig.FontNames = ‘宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana’;

6、编辑器域内默认的显示字体为12px,想要修改可以通过修改样式表来达到要求,打开/editor/css/fck_editorarea.css,修改font-size属性即可

/**********************************另外一个版本*******************************

1、下载本版本的编辑器压缩包。

2.解压缩打开文件夹拥有如下文件:fckeditor

3.在VS中添加“选择项”加载在此文件夹的Bin下FredCK.FCKeditorV2.dll。

4.在你的网站的web.config的 <appSettings>枝节中加入:

 <appSettings>
    <add key="FCKeditor:BasePath" value="~/fckeditor/"/>
    <add key="FCKeditor:UserFilesPath" value="~/userfiles/"/>
  </appSettings>

  5.在项目文件夹下拷入图中第三个文件夹fckeditor.

6.将已经加载到vs工具箱的在线编译器拖放到你想要的页面位置,页面运行加载后便会出现如下效果图

  7.完成。

8.可能出现的报错:

(1)页面运行加载后应该出现编辑器的地方出现乱码:没有修改web.config文件,检查步骤4.

(2) 说明: HTTP 404。您正在查找的资源(或者它的一个依赖项)可能已被移除,或其名称已更改,或暂时不可用。请检查以下 URL 并确保其拼写正确。 
请求的 URL: /clubweb/fckeditor/editor/fckeditor.html
引入fckeditor文件夹目录错误,检查步骤5。

“/clubweb”应用程序中的服务器错误。 无法找到资源。

***************注意事项

1:fckeditor输入时自动加p标签替换成<br>

把文字输入,或粘到FCKEDITOR,保存数据到数据库时,在数据库会默认自动生成<p></p>标签,显示数据时会产生换行,影响样式,

遇到fckconfig.js页里自动输出p,影响样式的问题,把配置文件fckconfig.js中的原始代码:

FCKConfig.EnterMode = 'p' ; // p | div | br
FCKConfig.ShiftEnterMode = 'br' ;

FCKConfig.EnterMode = 'br' ; // p | div | br (回车)
FCKConfig.ShiftEnterMode = 'br' ; // p | div | br(shift+enter)

2

改变工具栏排列顺序:

FCKConfig.ToolbarSets["Default"] = [
     ['Source','DocProps','-','Preview','Form','Checkbox','Radio','TextField','Textarea','Select','Button','ImageButton','HiddenField'],
     ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull','Style','FontFormat','FontName','FontSize'],
     ['TextColor','BGColor','Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink']
] ;

原文地址:https://www.cnblogs.com/sheseido/p/1862490.html