.net下的富文本编辑器FCKeditor的配置方法(图)原创
.net下的富文本编辑器FCKeditor的配置方法(图)原创
FCKeditor是一款开源的富文本编辑器,几乎支持所有流行的Web开发语言,版本稳定,用户多,可配置性好。
以前做Java和php的时候就一直用FCKeditor,现在做.net了继续用。呵呵。
我用在对文章的评论页面,所以只需要少部分功能。先看看我做好的效果:
在看看官方完整功能:
第一步:软件下载和安装
下载地址: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目录如图:
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目录下。如图:
■在VS2005/2008的工具箱上新建一个名叫FCKEditor的Tab,然后在里面点右键,选择Choose Item,定位到解压FCKEditor.Net后生成的\bin\Release\2.0目录下的FredCK.FCKEditorV2.dll。该Tab下就会生成一个FCKEditor的.net组件。在vs的Design模式下把该组件拖放到界面上。
第二步:配置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>
</div>
</form>
</body>
</html>
后台获取编辑器内填写的内容:读取FCKeditor1控件的Value属性值即可。
.net下的富文本编辑器FCKeditor的配置方法(图)原创
转载于:https://www.cnblogs.com/Mblog/archive/2009/12/18/1626966.html
.net下的富文本编辑器FCKeditor的配置方法(图)原创相关推荐
- 百度富文本编辑器UEditor安装配置全过程
网站开发时富文本编辑器是必不可少的,他可以让用户自行编辑内容的样式然后上传到后台!下面我们来介绍如何安装使用百度富文本编辑器 一.下载并且设置百度富文本编辑器的样式 你可以去百度UEditor ...
- 在线富文本编辑器FckEditor配置(.Net Framework 3.5)
进入FCKeditor文件夹,编辑 fckconfig.js 文件. 1.上传设置 . var _FileBrowserLanguage = 'php' ; // ...
- Django下富文本编辑器Ueditor的配置和使用
1.前言 "人生苦短,我用Python",Python作为一门"万能"的脚本语言,深受各个技术层级的程序猿的喜爱,而Django作为最受欢迎的Python的We ...
- vue2.x使用jodit富文本编辑器,并配置自定义字体和中文
最近在做邮箱系统时,需要用到功能比较齐全的富文本编辑器,比如表格的全部功能,完整颜色板:筛选了多款编辑器,最终拟定了两种,一个是百度的UEditor,一个是Jodit. UEditor参考网址: Jo ...
- 富文本编辑器ueditor使用配置
富文本编辑器(UEditor) 在平时开发Java Web项目的时候,往往会使用第三方插件来帮助我们更快的实现功能. 此文来自: 马开东云搜索 转载请注明出处 网址: http://mak ...
- 富文本编辑器CKeditor的配置和图片上传,看完不后悔
CKeditor是一款富文本编辑器,本文将用极为简单的方式介绍一下它的使用和困扰大家很久的图片上传问题,要有耐心. 第一步:如何使用 1.官网下载https://ckeditor.com/ckedit ...
- ckeditor富文本编辑器的基本配置设置:
原文地址:http://blog.csdn.net/wei365456yin/article/details/54618970?locationNum=5&fps=1 1.首先下载ckedit ...
- vue引用tinymce富文本编辑器及tinymce配置
一.效果如图所示 二.页面标签展示 <editor id="editer" api-key="no-api-key" v-model="edit ...
- UEditor富文本编辑器出现问题处理方法
1.后台配置项HTTP配置错误,上传功能将不能正常使用 答:配置路径错误,如果路径没有问题跟踪代码能够进入后台找到报错的位置 如果是上图的位置报错,可能是Newtonsoft.json的版本问题,重新 ...
最新文章
- 数据探索很麻烦?推荐一款强大的特征分析可视化工具:yellowbrick
- 最前线|爱奇艺低调上线“好多视频”,短视频战场的主动防御
- KingPaper初探Java之方法声明及重载
- Angular的built-in指令
- (已解决)登录火狐浏览器账号后没有同步数据--博主的奇妙寻号之旅
- js数组中的find、filter、sort
- Jersey中ContainerRequestFilter的使用
- ensp查看历史配置命令_网络工程师 | 手把手教你用华为ensp模拟器玩vxlan实验(静态方式)...
- BZOJ3592 : Architext
- 用循环语句求2^0+2^1+........+2^63 (C语言)
- (转)学习淘淘商城第二十二课(KindEditor富文本编辑器的使用)
- [转]加载纹理与使用glGenTextures时应注意的一点(解决吃内存)
- 广东高等学校计算机水平考试准考证打印,广东高考准考证打印系统
- 人脸识别算法一:特征脸方法(Eigenface)
- jQuery源码分析之$.ajax方法
- [HDF5] HDF5安装,编译及使用中的各种问题解决方法(Windows)
- 【web自动化测试Robotframework开发手册—浏览器切换url和打开新页签】
- 长途枢纽大楼综合布线系统
- 《嫌疑人X的献身》读后感
- 【国际】费城联邦储备银行会议探索区块链对金融稳定的影响
热门文章
- c语言个人通讯录管理系统实验报告_C语言实现个人通讯录管理系统
- python和javascript交互_python和js交互调用的方法
- Awcing算法--二进制
- php div图片局部刷新,前端jquery 后端 thinkphp 实现局部刷新
- html更改灰色按钮可用,点击提交按钮后按钮变灰色不可用状态的三种方法
- OpenCV中的对极几何和对极约束
- C++:随笔3--复杂的数据结构
- C++:vector容器中使用pair该如何访问成员
- LabVIEW实现应用程序停止或退出
- Matlab实现 sift 特征匹配(代码源自网络)