zoukankan      html  css  js  c++  java
  • FCK百度空间版

    演示效果:

    //******光之翼 QQ272912705*******
    (1)
    1, 将 FredCK.FCKeditorV2.dll 拷贝到程序的 bin 目录下
    2,将 fckeditor 源码拷贝到程序目录下
    3,在程序目录下新建一个文件夹用来保存上传的文件

    (2)
    1,精简 fckeditor 文件
    A, 将_开头的文件和文件夹全部删掉
    B, 将 fckeditor\editor\lang 语言删掉,保留一个
    C, 将 fckeditor\editor\skins 皮肤删掉,保留一个
    D, 将 editor\filemanager\connectors 编程语言删掉,保留一个

    (3)
    添加引用 FredCK.FCKeditorV2.dll 到程序和工具箱

    (4)
    点击FCKeditor,选择属性,将 BasePath 改为 /程序名/fckeditor/ ,这样在线编辑器就出来了

    (5)
    修改Fckconfig.js ,以下几项必须修改

    FCKConfig.DefaultLanguage = 'zh-cn' ;
    var _FileBrowserLanguage = 'aspx' ; // asp | aspx | cfm | lasso | perl | php | py
    var _QuickUploadLanguage = 'aspx' ; // asp | aspx | cfm | lasso | perl | php | py

    (6)
    1,基本的文字输入搞定之后,接下来就是上传,点击图片按钮,报错
    A,Fckeditor 默认是不能上传的,修改 \fckeditor\editor\filemanager\connectors\aspx config.ascx,return true;
    B,修改配置文件,将上传的路径 指向你要上传的文件的名字 <add key="FCKeditor:UserFilesPath" value="/程序名/保存文件的文件夹/" />
    C,解决中文乱码问题 fckeditor\editor\filemanager\browser\default   frmupload.html 以UTF-8格式重新保存

    (7)
    整个FCKeditor 就设置好了,接下来(选项)
    A, 继续删文件
    1,\fckeditor 保留 editor,fckconfig.js,fckeditor.js,fckstyles.xml,fcktemplates.xml,license.txt

    B,修改 Fckconfig.js,突出个性在线编辑器
    1,修改在线编辑器的宽度和高度,在属性里面
    2,FCKConfig.TabSpaces   = 1 ; 允许TAB
    3, FCKConfig.ToolbarCanCollapse = false ; 可以折叠
    4, 自己一个一个对
    FCKConfig.ToolbarSets["Default"] = [
    ['NewPage','Preview','-','Templates'],
    ['Cut','Copy','Paste','PasteText','PasteWord','-','SpellCheck'],
    ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
    ['Bold','Italic','Underline','-'],
    ['OrderedList','UnorderedList','-','Outdent','Indent'],
    ['JustifyLeft','JustifyCenter','JustifyRight'],
    ['Link','Unlink'],
    ['Image','Flash','Table','Rule','Smiley'],
    ['FontName','FontSize'],
    ['TextColor','BGColor']
    // No comma for the last row.
    ] ;
    5,FCKConfig.FontNames   = '宋体;楷体_GB2312;黑体;隶书;Arial;Times New Roman' ;

    C, 修改 源文件,CSS 达到你想要的效果,例如换行

    好了,一个精简版,但是工程强大的在线编辑器就做好了。

    <asp:ButtonField  CommandName="Edit" Text='&lt;img src=&quot;../img/admin/delete.gif&quot; style=&quot;border:0px&quot; /&gt;' HeaderText="编辑" />
             <asp:ButtonField  CommandName="Delete" Text='&lt;img src=&quot;../img/admin/delete.gif&quot; style=&quot;border:0px&quot; /&gt;' HeaderText="删除" />

  • 相关阅读:
    【设计模式(17)】行为型模式之中介者模式
    服务器迁移--MySQL数据库迁移
    巧妙解决element-ui下拉框选项过多的问题
    关于后台返回的文件流下载方法
    关于input框只让输入数字的写法
    关于element ui 全局配置某些组件的属性方法
    关于echarts的南丁格尔玫瑰图 极值导致展示效果不好的解决方案
    mock数据的使用方法
    配置 git账号和邮箱
    vite 发布了正式版版了 用起来
  • 原文地址:https://www.cnblogs.com/jcomet/p/1243283.html
Copyright © 2011-2022 走看看