您的位置:首页 > 编程语言

添加了代码着色和图像上传的FCKeditor在线编辑器.NET版

2007-10-31 22:39 585 查看
MSProject改进功能:

增加代码着色
增加.NET下图像上传,并自动缩放、转存为JPEG格式图片

FCKeditor已经具有的功能:

新建、预览编辑的文章,支持根据模板创建内容
复制、拷贝、从word文档粘贴内容
打印、查找、替换文本
字体选择、加粗、斜体及下划线等
文字添加上下标
项目列表自动添加
左中右段落对齐
文字样式、格式、字体及字体大小设定
字体前景、背景颜色设定
插入表格
插入链接
特殊符号及分页符的插入
全屏编辑

功能展示



代码使用

如果你的网站文件夹在NTFS格式的文件系统中,请设置文件夹的.NET用户的访问权限。

1. 在你的网站中添加web.config文件,并配置以下节内容:

<appSettings>
<add key="HostName" value="http://localhost/"/>
<add key="UploadDir" value="Upload"/>
</appSettings>

其中HostName是你的主机名,也就是域名,图片上传时,会从这里读取信息,组合成资源地址,如果填错,将无法在编辑器中看到实时的图片。

UploadDir存放图片上传到的目录名称,该目录位于你的网站目录下,一定要确保这个目录对.NET用户有写权限。

提示:可以先设为everyone的权限,再逐步调细。

2. 在加载编辑器的页面的page_load事件处理函数中,设定editor的所在位置

FCKeditorMsp.BasePath = "FckEditorv2/";

这里是指,编辑器在网站下FckEditorv2目录中。

3. 设定工具栏

打开editor目录中的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'],
['InsertCode','InsertImage'],
'/',
['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
['OrderedList','UnorderedList','-','Outdent','Indent'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
['Link','Unlink','Anchor'],
[/*'Image','Flash',*/'Table','Rule',/*'Smiley',*/'SpecialChar','PageBreak'],
'/',
['Style','FontFormat','FontName','FontSize'],
['TextColor','BGColor'],
['FitWindow','-','About']
] ;

/Files/lordz/FCKeditorWithCodeHighLight.rar
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: