zoukankan      html  css  js  c++  java
  • 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']
    ] ;

  • 相关阅读:
    AWR报告生成
    ios-html-get/post差额,简而言之(MS)CheckST
    2015第33周一
    2015第32周日
    2015第32周六
    2015第32周五
    2015第32周四
    2015第32周三
    2015第32周二
    2015第32周一
  • 原文地址:https://www.cnblogs.com/sheseido/p/1862490.html
Copyright © 2011-2022 走看看