FCKeditor是B/S系统开发中经常用到的HTML编辑器,功能多,也支持表情。现在最新版是2.6.2,可在它官方主页下载:http://www.fckeditor.net/download

1、安装
在ASP.NET系统中安装,除了要下载FCKeditor外,还要下载一个叫FCKeditor.NET的服务器控件,这两个都可以在上面的下载页面下载到。
FCKeditor.NET压缩包解压后,找到合适的.NET版本,再添加到VS工具箱就可以用了。而FCKeditor解压后的文件还可以精简下,可以把所有以“_”下划线开头的文件和文件夹都删除,这些文件只要是一些范例,说明和源代码。
之后只要把解压出的fckeditor整个文件夹放到系统的网站根目录中,再从VS的工具箱中把FCKeditor.NET控件拖入页面,设置其属性BasePath为./fckeditor/或fckeditor/,原来的默认值是/fckeditor/,设置完后就能正常使用了^^

2、配置编辑器
在fckeditor文件夹下有个命名为fckconfig.js的文件,这个是FCKeditor的配置文件,可以根据自己需要更改它来自定义编辑器
◊ 更改默认Enter键标签
FCKeditor默认当按下Enter键时,会把之前输入的内容用<p>标签分段,假如这会影响你的页面样式的话,可通过设置更改该标签。在fckconfig.js文件中找到以下内容:
FCKConfig.EnterMode = 'p' ;            // p | div | br
FCKConfig.ShiftEnterMode = 'br' ;    // p | div | br
第一行的EnterMode即是按下Enter时的标签,可更改为注释中的p或div或br,下面一行是指按住shift键,按下Enter时的标签,默认为</br>。

◊ 更改toolbar工具条的默认项
FCKeditor默认有两种工具栏样式,分别为Default和Basic,可通过设置控件FCKeditor.NET的ToolbarSet属性切换。当然,通过更改配置文件,你可以自定义自己的工具条或更改默认的工具条。在fckconfig.js中找到以下内容:
FCKConfig.ToolbarSets["Default"= [
    [
'Source','DocProps','-','Save','NewPage','Preview','-','Templates'],
    [
'Cut','Copy','Paste','PasteText','PasteWord','-','Print','SpellCheck'],
    [
'Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
    [
'Form','Checkbox','Radio','TextField','Textarea','Select','Button','ImageButton','HiddenField'],
    
'/',
    [
'Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
    [
'OrderedList','UnorderedList','-','Outdent','Indent','Blockquote'],
    [
'JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
    [
'Link','Unlink','Anchor'],
    [
'Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak'],
    
'/',
    [
'Style','FontFormat','FontName','FontSize'],
    [
'TextColor','BGColor'],
    [
'FitWindow','ShowBlocks','-','About']        // No comma for the last row.
] ;

FCKConfig.ToolbarSets[
"Basic"= [
    [
'Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','About']
] ;
第一个就是默认的Default工具条,你可以直接更改或者按照给出的样式自已写一个。

◊ 更改编辑区的样式
我们看到的FCKeditor编辑区实际是一个HTML页面,所以我们可以随意更变它的样式,如字体大小,背景颜色等。在fckconfig.js可找到以下内容:
FCKConfig.EditorAreaCSS = FCKConfig.BasePath + 'css/fck_editorarea.css' ;
FCKConfig.EditorAreaStyles 
= '' ;
第一行指定了一个外联的样式文件fck_editorarea.css,它的路径是/fckeditor/editor/css/fck_editorarea.css,找到它直接更改该文件就能改变编辑区样式。
第二行是提供直接写css的,可像以下这样写:
FCKConfig.EditorAreaStyles = 'body{font-size:20pt} p {margin:0px}' ;

◊ 更改默认表情
在fck_config.js文件中找到以下内容:
FCKConfig.SmileyPath    = FCKConfig.BasePath + 'images/smiley/msn/' ;
FCKConfig.SmileyImages    
= ['regular_smile.gif','sad_smile.gif','wink_smile.gif','teeth_smile.gif','confused_smile.gif','tounge_smile.gif','embaressed_smile.gif','omg_smile.gif','whatchutalkingabout_smile.gif','angry_smile.gif','angel_smile.gif','shades_smile.gif','devil_smile.gif','cry_smile.gif','lightbulb.gif','thumbs_down.gif','thumbs_up.gif','heart.gif','broken_heart.gif','kiss.gif','envelope.gif'] ;
FCKConfig.SmileyColumns 
= 8 ;
FCKConfig.SmileyWindowWidth        
= 320 ;
FCKConfig.SmileyWindowHeight    
= 210 ;
SmileyPath是表情图像的存放路径,SmileyImages是图片名集,可以在smiley目录下新建个文件夹,把表情图片放进去,再更改SmileyImages为新的表情文件名就可以了。

◊ 扩展阅读

FCKeditor 2.0 的设置.修改.使用
FCKeditor Javascript API
FCKeditor Configuration Options
FCKeditor Developers Guide
posted @ 2008-07-01 16:24 vento 阅读(61) | 评论 (0)编辑
最近需要把bbs整合到一个网站上,最后选了Discuz!NT,因为是asp.net开发的,感觉以后同网站整合会方便些,下面是我的安装心得。
假设网站的域名是:http://test/, 论坛安装到以下地址:http://test/bbs

1、在网站的根目录下创建个名为bbs的子目录,并把Discuz的相关文件拷贝或上传到bbs目录中
2、把bbs目录的DNT.config文件移到网站根目录,并确保该文件为UTF-8编码(可用记事本打开再另存为)
3、右键DNT.config文件,选择“属性”,在“常规”选项卡中去掉只读属性,在“安全”选项卡中添加ASP.NET(Windows XP)或NETWORK SERVICE(Windows 2003)群组帐户,并赋予修改和写入权限
3、右键bbs目录,选择“属性”,在“常规”选项卡中去掉只读属性,在“安全”选项卡中添加ASP.NET帐户或NETWORK SERVICE群组,并赋予修改和写入权限
3、打开IIS,并把bbs目录设为应用程序
4、这时应该能通过网址(http://test/bbs/install/index.aspx)正常运行Discuz的安装向导了


相关问题:
1、XP上的IIS不能新建网站,只能是windows 2000 server和windows 2003的系统上的IIS才能新建网站
2、假如在Discuz的安装向导的权限检测页面中,其他项都通过,就最后一项出现“您没有对CONFIG文件夹访问权限,详情参见安装文档”的错误,请尝试运行以下命令:net stop w3svc && net start w3svc,或在IIS中选择“重新启动IIS”命令,假如还是一样,建议在浏览器地址里面直接打开step3.aspx进行下一步安装
3、选择access数据库,假如出现“系统未能初始化数据库,导致安装失败,请点击上一步检查相关设置是否正确”错误,请再次运行命令:net stop w3svc && net start w3svc

捣鼓了几天Discuz,体会最深的就是,安装真是太麻烦了!!

7.2日补充:
4、假如想把论坛移到visual studio中编译,需要把bbs目录中的bin文件夹的所有dll复制一份到asp.net系统的bin文件夹下,还有当原来的asp.net系统使用到全局theme功能的话,编译后打开bbs目录的文件会出现“使用主题 css 文件要求页上有标头控件”的错误,这时需要改下bbs目录下的web.config配置,取消bbs目录下的theme功能,在web.config中找到pages节点像以下设置:
<pages
            validateRequest
="false"
            enableEventValidation
="false"
            enableViewStateMac
="false"
            viewStateEncryptionMode 
="Never"
            theme
=""      //新增,使全局theme功能对bbs目录无效
    /> 

posted @ 2008-07-01 00:32 vento 阅读(79) | 评论 (0)编辑