当前位置: 首页 > 编程日记 > 正文

.net下的富文本编辑器FCKeditor的配置方法(图)原创

.net下的富文本编辑器FCKeditor的配置方法(图)原创

FCKeditor是一款开源的富文本编辑器,几乎支持所有流行的Web开发语言,版本稳定,用户多,可配置性好。

以前做Java和php的时候就一直用FCKeditor,现在做.net了继续用。呵呵。

我用在对文章的评论页面,所以只需要少部分功能。先看看我做好的效果:

01

在看看官方完整功能:

image

第一步:软件下载和安装

下载地址:http://www.fckeditor.net/download

需要下载FCKeditor.Net和FCKeditor两个文件,FCKeditor.Net本身其实只是在.net中配置FCKeditor用的,本身不包含实质内容。

我下载的是:FCKeditor.Net_2.6.3和FCKeditor_2.6.5两文件。

1. 对于FCKeditor_2.6.5.zip文件

解压缩后,将得到的fckeditor文件夹复制到网站的目录下面。我是放在我的样式Style下的JS目录如图:

clip_image004

2.对于FCKeditor.Net_2.6.3

解压 FCKeditor.Net_2.6.3,该目录中包括FCKeditor.Net_2.6.3的全部代码,但是我们只要使用它编译好的部分。

■找到其目录下的\bin\Release目录中的FredCK.FCKeditorV2.dll文件。把FredCK.FCKeditorV2.dll添加到bin目录下。如图:

clip_image006

■在VS2005/2008的工具箱上新建一个名叫FCKEditor的Tab,然后在里面点右键,选择Choose Item,定位到解压FCKEditor.Net后生成的\bin\Release\2.0目录下的FredCK.FCKEditorV2.dll。该Tab下就会生成一个FCKEditor的.net组件。在vs的Design模式下把该组件拖放到界面上。

clip_image008

第二步:配置FCKeditor

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

1、指定编辑器应用的编程环境,修改
var _FileBrowserLanguage = 'asp' ; // asp | aspx | cfm | lasso | perl | php | py
var _QuickUploadLanguage = 'asp' ; // 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 = 'Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;

FCKConfig.FontNames = '宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana'
6、定制工具栏
如果你的编辑器用在网站前台的话,那就不得不考虑安全了,在前台千万不要使用Default的toolbar,要么自定义一下功能,要么就用系统已经定义好的Basic,也就是基本的toolbar,
修改
FCKConfig.ToolbarSets["Basic"] = [
    ['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','About']

FCKConfig.ToolbarSets["Basic"] = [
['Bold','Italic','-','OrderedList','UnorderedList','-','Unlink','-','Style','FontSize','TextColor','BGColor','-','Smiley','SpecialChar','Replace','Preview']
] ;
7、配置WebConfig

在<appSettings>节点添加,如下所示:
如果你用的是默认的上传功能,则
  <add key="FCKeditor:BasePath" value="~/fckeditor/"/>
  <add key="FCKeditor:UserFilesPath" value="/网站名称/UploadFiles/"/>

8.如需使用上传图片功能还需配置

editor/filemanager/connectors/aspx/config.ascx修改CheckAuthentication()方法,返回true

注意看这里的注释:意思是说不要简单的修改为true,而应该在这里加一些权限Check的判断。否则的话所有人都可以上传图片。

private bool CheckAuthentication()
{
// WARNING : DO NOT simply return "true". By doing so, you are allowing
// "anyone" to upload and list the files in your server. You must implement
// some kind of session validation here. Even something very simple as...
//
//        return ( Session[ "IsAuthorized" ] != null && (bool)Session[ "IsAuthorized" ] == true );
//
// ... where Session[ "IsAuthorized" ] is set to "true" as soon as the
// user logs in your system.

return true;
}

不过不修改的话,会弹出一个阻止框,显示"this connector is disabled Please check the"editor/filemanager/connectors/aspx/config.aspx"

9. 其它次要配置(不影响使用)
* 可以把fckeditor目录及其子目录下所有下划下开头的范例、源文件删掉。
* 可以在fckeditor目录下只保留fckconfig.js、fckeditor.js和几个xml文件,其余全部删掉。
* fckeditor目录下的editor目录下有个filemanager目录,把该目录下的borswer\default\connectors目录中除aspx目录以外的全部目录删掉。
* 可以把editor\lang目录下除zh-cn.js、en.js、zh.js之外的全部删掉。


第三步:使用FCKeditor编辑器

注意看这里红色的部分,是在使用Fckeditor增加的:

AutoEventWireup="true"是增加一些特殊事件的关联。

validateRequest="false"是因为Fckeditor框内的提交的内容是HTML,所以要去掉验证提交请求的功能。

<%@ Page Language="C#" AutoEventWireup="true"

CodeFile="Default.aspx.cs" Inherits="_Default" validateRequest="false" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <FCKeditorV2:FCKeditor ID="FCKeditor1" runat="server">
        </FCKeditorV2:FCKeditor>
        &nbsp;</div>
    </form>
</body>
</html>

clip_image010

后台获取编辑器内填写的内容:读取FCKeditor1控件的Value属性值即可。

clip_image012

.net下的富文本编辑器FCKeditor的配置方法(图)原创

转载于:https://www.cnblogs.com/Mblog/archive/2009/12/18/1626966.html

相关文章:

SD-WAN行业发展需要VNF演进

与任何成功技术一样&#xff0c;软件定义广域网&#xff08;SD-WAN&#xff09;市场正在经历着与市场意识相关的日益增长的困境&#xff0c;很多厂商将这一术语扩展为自己的传统解决方案或者只是将之作为发展的方向&#xff0c;而目前SD-WAN确实是业界发展的趋势。随着广域网逐…

【建模必备】遗传算法的基本原理与步骤(交叉)

如果喜欢这里的内容&#xff0c;你能够给我最大的帮助就是转发&#xff0c;告诉你的朋友&#xff0c;鼓励他们一起来学习。 If you like the content here, you can give me the greatest help is forwarding, tell your friends, encourage them to learn together.

linux获取近一小时日志,Linux分析日志获取最多访问的前10个IP

apache日志分析可以获得很多有用的信息&#xff0c;现在来试试最基本的&#xff0c;获取最多访问的前10个IP地址及访问次数。既然是统计&#xff0c;那么awk是必不可少的&#xff0c;好用而高效。命令如下&#xff1a;awk ‘{a[$1] 1;} END {for (i in a) printf("%d %s\…

windows xp远程桌面没有反应

今天发现windows xp远程桌面连接没有反应&#xff0c;看了3389端口都打开了。 日志里面有多条RDPDD.DLL Failed to Load&#xff0c;查了一下结果是ati显卡或nv显卡驱动程序造成的&#xff0c;确实是没想到&#xff0c;呵呵。查到解决方法如下&#xff1a;1.取消硬件加速功能&a…

paramiko 模块封装

paramiko 模块封装 #!/usr/bin/env python#codingutf-8 import paramiko, getpass,sys,traceback class ssh_utils(): def login_by_passwd(self, ip, port, username, passwd): self.ip ip self.port port self.username username self.passwd passwd self.pkey None def…

【建模必备】遗传算法的基本原理与步骤(变异)

如果喜欢这里的内容&#xff0c;你能够给我最大的帮助就是转发&#xff0c;告诉你的朋友&#xff0c;鼓励他们一起来学习。 If you like the content here, you can give me the greatest help is forwarding, tell your friends, encourage them to learn together.

执行远程linux命令,linux shell 远程执行命令

经常要部署多台服务器上面的应用&#xff0c;如果一个个机器的登录太麻烦。所有就想到编写一个脚本来部署不同的服务器前提条件&#xff1a;配置ssh免登陆如果不会的请参加我的另外一篇文章 http://blog.csdn.net/chenpy/article/details/30281515两个错误&#xff1a;Pseudo-t…

新的工作电脑 神州优雅A550-i7

新的工作电脑&#xff0c;神州优雅A550-i7&#xff0c;也推荐给大家&#xff0c;只想讲给大家买神州很好&#xff0c;一点也不丢脸&#xff0c;不要为了牌子多花钱&#xff0c;世界上80%的笔记本出自中国&#xff08;包括台湾&#xff09;&#xff0c;我们应该支持价廉物美。 我…

LinkedIn领英发布《2016中国人才趋势报告》

2016年7月12日&#xff0c;职场社交平台LinkedIn&#xff08;领英&#xff09;在北京举行了“引领创时代”2016领英ConnectIn峰会&#xff0c;并在会上发布了《2016中国人才趋势报告》。大会邀请到来自埃森哲、滴滴出行、中外运-敦豪国际航空快件有限公司、中国国际航空股份有限…

【建模必备】遗传算法应用举例(简单的一元函数优化实例)

如果喜欢这里的内容&#xff0c;你能够给我最大的帮助就是转发&#xff0c;告诉你的朋友&#xff0c;鼓励他们一起来学习。 If you like the content here, you can give me the greatest help is forwarding, tell your friends, encourage them to learn together.

linux哪些文件被更新,Linux:如何確定文件是否已被其他進程更新?

6John mentioned the two main routes you can take for watching files under Unix/Linux systems: notification and polling.John提到了在Unix / Linux系統下觀看文件可以采取的兩條主要途徑:通知和輪詢。Notification is when the system itself (usually the kernel) trig…

也谈贝叶斯分类二

源码我已经上传至http://finallyliuyu.download.csdn.net/ 里面包括按洞庭散人的算法实现的Bayes,以及我改进的bayes.还有birdshiver写的二元分词器&#xff0c;这个我也改进了几个bug. 代码比较乱。所以大家要参考我上一篇文章&#xff0c;来做实验 对不住大家了。都是实验性质…

大数据是一座孤单的小岛

大量的数据仍然掌握在个别高薪企事业单位机构中&#xff0c;如何既共享&#xff0c;又保证信息安全&#xff0c;更是挑战。“当前大数据产业存在的问题&#xff0c;一个是商业规则问题&#xff0c;一个是数据交换问题。”数据的属性只有和它的应用结合在一起才有价值&#xff0…

【建模必备】遗传算法应用举例(多元单峰值函数的优化实例)

如果喜欢这里的内容&#xff0c;你能够给我最大的帮助就是转发&#xff0c;告诉你的朋友&#xff0c;鼓励他们一起来学习。 If you like the content here, you can give me the greatest help is forwarding, tell your friends, encourage them to learn together.

Python在linux服务器上解压,python3传文件到linux服务器然后解压

运维开发网 https://www.qedev.com2020-07-09 10:40出处&#xff1a;网络作者&#xff1a;运维开发网整理#!/usr/bin/env python# -*- coding:utf-8 -*-import osimport paramikoimport timefrom scp import SCPClient相关专题&#xff1a;#!/usr/bin/env python# -*- coding:u…

static构造函数的运行

static构造函数是程序被加载时运行的构造函数。 它的运行不能控制&#xff0c;所以一般不常用。 转载于:https://www.cnblogs.com/jany/archive/2009/12/28/1634529.html

【怎样写代码】向现有类型“添加”方法 -- 扩展方法(一):扩展方法概述

如果喜欢这里的内容&#xff0c;你能够给我最大的帮助就是转发&#xff0c;告诉你的朋友&#xff0c;鼓励他们一起来学习。 If you like the content here, you can give me the greatest help is forwarding, tell your friends, encourage them to learn together.

VMware中创建Ubuntu16.0.4虚拟桥连方式无法上网

一、问题描述 在本地VMvare中已经安装了两台虚拟机&#xff0c;网络方式都是桥连&#xff0c;上网都可以自动获取IP地址 和HOST主机是一个号段的 &#xff0c;同为192.168.1.X KingServer1(原始安装) 桥连方式 KingServer2&#xff08;来自KingServer1的克隆&#xff09; 今天…

linux设置终端颜色256,如何设置我的Linux X终端以便Emacs可以访问256种颜色?

根据this,除了将TERM设置为xterm-256color之外,还需要ncurses-term库.好的,this还有其他一些尝试&#xff1a;The xterm in Ubuntu Edgy does not advertise 256 color support bydefault. To fix this you need to install a 256 color terminfo entry,and tell xterm to use …

中文版-He Knows My Name(他知道我的名字)-祂认得我-陈熙(音乐河4)

基督教 赞美诗歌 Hymns Lyrics MP3 中文版 英文版 中英对照 MP3音频提取&#xff1a; 词曲&#xff1a;Tommy Walker 写作背景介绍&#xff1a; 歌词&#xff1a; 《他认得我》 有位创造主 他塑造我 早在天地开创之前 生命由祂掌握 他认得我 他了解我的心 他看见我流泪 他听见…

俄罗斯登月计划

近期&#xff0c;随着NASA宣布的几次重大发现&#xff0c;以及NASA公布的未来的一些计划&#xff0c;包括登陆火星甚至在火星上“种森林”等等&#xff0c;似乎都在对外宣布着一件事情&#xff1a;那就是NASA目前在航空航天领域的霸主地位。而作为世界上第一个将宇航员送入太空…

【怎样写代码】向现有类型“添加”方法 -- 扩展方法(二):扩展方法的实现与调用

如果喜欢这里的内容&#xff0c;你能够给我最大的帮助就是转发&#xff0c;告诉你的朋友&#xff0c;鼓励他们一起来学习。 If you like the content here, you can give me the greatest help is forwarding, tell your friends, encourage them to learn together.

linux 查看域名解析,linux查询服务器域名解析记录

弹性云服务器 ECS弹性云服务器(Elastic Cloud Server)是一种可随时自助获取、可弹性伸缩的云服务器&#xff0c;帮助用户打造可靠、安全、灵活、高效的应用环境&#xff0c;确保服务持久稳定运行&#xff0c;提升运维效率三年低至5折&#xff0c;多种配置可选了解详情什么是弹性…

[转]mysql性能的检查和调优方法

[转]mysql性能的检查和调优方法 来源&#xff1a;http://www.sudone.com/linux/mysql_debug.html作者&#xff1a;Ayou 我一直是使用mysql这个数据库软件&#xff0c;它工作比较稳定&#xff0c;效率也很高。在遇到严重性能问题时&#xff0c;一般都有这么几种可能&#xff1…

【怎样写代码】向现有类型“添加”方法 -- 扩展方法(三):为枚举类型创建方法

如果喜欢这里的内容&#xff0c;你能够给我最大的帮助就是转发&#xff0c;告诉你的朋友&#xff0c;鼓励他们一起来学习。 If you like the content here, you can give me the greatest help is forwarding, tell your friends, encourage them to learn together.

楚天高速拟12.6亿并购三木智能 涉足物联网领域

楚天高速7月15日晚间发布重组预案&#xff0c;公司拟以4.64元/股发行19008.59万股&#xff0c;并支付现金3.78亿元&#xff0c;合计作价12.6亿元收购三木投资、九番投资等12名交易对方持有的深圳市三木智能股份有限公司&#xff08;简称“三木智能”&#xff09;100%股权。公司…

x230 linux wifi,笔记本thinkpad x230i centos6.3 无线网卡完全配置

笔记本型号为thinkpad x230i&#xff0c;无线网卡型号为RTL8188CE提醒:到官网下载驱动(这个有点坑了)&#xff0c;详解&#xff1a;centos6.3内核为2.6.32,按提示是应该下载这个驱动的Linux driver for kernel 2.6.24 (and later)&#xff0c;但这个是用不了的&#xff0c;具体…

Nginx负载均衡集群介绍

第1章 集群介绍1.1 集群简介1.1.1 什么是集群简单说&#xff0c;集群就是一组&#xff08;若干个&#xff09;相互独立的计算机&#xff0c;利用高速通信网络组成的一个较大的计算机服务系统&#xff0c;每个集群节点&#xff08;即集群中的每台计算机&#xff09;都是运行各自…

中国IT潜在的巨大希望

这些天玩了好多软件&#xff0c;都是大公司的。联想的网盘&#xff0c;阿里巴巴的阿里旺旺和淘宝&#xff0c;百度的百度HI&#xff0c;谷歌的google talk&#xff0c;腾讯的拍拍还有腾讯下的一些东西&#xff0c;等等很多东西。你如果把他们定义成软件公司似乎不对&#xff0c…

【怎样写代码】向现有类型“添加”方法 -- 扩展方法(四):在编译时绑定扩展方法的规则

如果喜欢这里的内容&#xff0c;你能够给我最大的帮助就是转发&#xff0c;告诉你的朋友&#xff0c;鼓励他们一起来学习。 If you like the content here, you can give me the greatest help is forwarding, tell your friends, encourage them to learn together.