ASP.net:添加.net(2.0C#)FCKeditor在线编辑器步骤

<div>1.下载本版本的编辑器压缩包。<a class=cnblogs_code href=" http://www.5x-space.cn/file.axd?file=2008%2f9%2fFredCK.FCKeditorV2.rar"><font'>  style="background-color: #eeeeee" color="#638f27" face="Courier New">源码下载地址</font></a></div>
<div>2.解压缩打开文件夹拥有如下文件:</div>
<div><img border="0" alt="" src=" http://yeziwenwen.blog.51cto.com/attachment/200907/200907311248970029692.jpg " /></div>
<div>3.在VS中添加“选择项”加载在此文件夹的Bin下FredCK.FCKeditorV2.dll。</div>
<div>4.在你的网站的web.config的 &lt;appSettings&gt;枝节中加入<span style="display: none" id="Code_Open_Text_212045"><br /><!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />--><span style="color: #000000"></div>
<div>
<div style="border-bottom: #cccccc 1px solid; border-left: #cccccc 1px solid; padding-bottom: 4px; line-height: 16px; background-color: #eeeeee; padding-left: 4px; width: 98%; padding-right: 4px; font-family: verdana,宋体; color: #000000; font-size: 10pt; word-break: break-all; border-top: #cccccc 1px solid; border-right: #cccccc 1px solid; padding-top: 4px">&nbsp;&nbsp;&nbsp;&nbsp;<font color="#0000ff">&lt;</font><font color="#800000">appSettings</font><font color="#0000ff">&gt;</font> <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#0000ff">&lt;</font><font color="#800000">add</font> <font color="#ff0000">key</font><font color="#0000ff">="FCKeditor:BasePath"</font> <font color="#ff0000">value</font><font color="#0000ff">="~/fckeditor/"</font><font color="#0000ff">/&gt;</font> <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#0000ff">&lt;</font><font color="#800000">add</font> <font color="#ff0000">key</font><font color="#0000ff">="FCKeditor:UserFilesPath"</font> <font color="#ff0000">value</font><font color="#0000ff">="~/userfiles/"</font><font color="#0000ff">/&gt;</font> <br />&nbsp;&nbsp;&nbsp;&nbsp;<font color="#0000ff">&lt;/</font><font color="#800000">appSettings</font><font color="#0000ff">&gt;</font></div></div>
<div><br /></span></span>&nbsp;</div>
<div>5.在项目文件夹下拷入图中第三个文件夹fckeditor.</div>
<div><img border="0" alt="" src=" http://yeziwenwen.blog.51cto.com/attachment/200907/200907311248970068005.jpg " /></div>
<div>6.将已经加载到vs工具箱的在线编译器拖放到你想要的页面位置,页面运行加载后便会出现如下效果图。</div>
<div><img border="0" alt="" src=" http://yeziwenwen.blog.51cto.com/attachment/200907/200907311248970091997.jpg " /></div>
<div>&nbsp;</div>
<div>7.完成。</div>
<div>8.可能出现的报错:</div>
<div>(1)页面运行加载后应该出现编辑器的地方出现乱码:没有修改web.config文件,检查步骤4.</div>
<div>(2)<span> </span><span style="font-family: arial, helvetica, geneva, sunsans-regular, sans-serif"><b><span style="font-family: verdana">说明: </span></b>HTTP 404。您正在查找的资源(或者它的一个依赖项)可能已被移除,或其名称已更改,或暂时不可用。请检查以下 URL 并确保其拼写正确。 <br /><br /><b><span style="font-family: verdana">请求的 URL: </span></b>/clubweb/fckeditor/editor/fckeditor.html<br />引入fckeditor文件夹目录错误,检查步骤5。</span></div>
<h1>“/clubweb”应用程序中的服务器错误。 
<hr color="#c0c0c0" size="1" width="100%" />
</h1>
<h2><i>无法找到资源。</i> </h2>
<div>&nbsp;</div>
<div>&nbsp;9.使用技巧:</div>

<div>&nbsp;在网上这个在线编辑器的使用说明应该不会少,而且有的还讲的挺详细,但是对于一般初学者可能一下子还不怎么会使用。而且对讲的那些也是半懂半不懂的。所以使用起来会比较累,最后搞了半天就不想搞了。因为搞不出来呀。<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 这个(FCKeditor)在线编辑器在前些日子我也是不怎么喜欢用的,因为不知道怎么着手去使用他,一般的功能也不知道怎么设置。所以我花了一天时间痛下决心一定要把他搞出来。<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 下面是我在设置过程中的一点经验,拿出来给初学者共享一下。<br />在FCKeditor的官方网站上你可以直接去下载一个文件包(FCKeditor_2.6.3b.tar.gz),这个文件包里包括很多种编程语言(PHP,ASP...),但是我们今天要做的是asp.net2.0,所以只有这个文件包还是不够的,我们应该下载一个.net文件包(FCKeditor.Net_2.6.3.zip)。(这里不提供下载地址,如果有兴趣的话可以自己到官方网站上去下载看看。)<br />  我这里的源码已经将这二个文件包里的内容都处理好了。你只要进行简单的设置就可以了。<br />  <strong>设置分为:路径设置,语言设置,功能设置,样式设置。<br /></strong>  路径设置:分为 编辑器路径,文件上传路径。编辑器路径在(fckeditor/fckeditor.js)内设置,查找(FCKeditor.BasePath = '/fckeditor/' ;)设置这个的时候你应该注意你的在线编程器放在网站的那个位置。通过这个来设置。文件上传路径的地址是在(fckeditor\editor\filemanager\connectors\aspx\config.ascx)里的(UserFilesPath = "/userfiles/";)进行设置。<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 语言设置:他系统自带有很多种语言,我这里只留下了二种(中文,英文)。那应该怎么样设置这个语言版本呢?你打开(fckeditor/fckconfig.js),然后找到(FCKConfig.DefaultLanguage='')将里面设置成(zh-cn);如果你想修改这个文件,你可以打开(fckeditor\editor\lang\zh-cn.js)对相应的按钮解释可以修改一下。<br />  功能设置:主要分为,上传功能是否开启,功能键是否开启主要在(Default.aspx.cs)里设置。具体功能你可以直接在里面设置。<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 样式设置:在使用编辑器的时候,你可种需要多种样式,样式里还要设置不同的皮肤。在(fckeditor/fckconfig.js)文件里,查找到(FCKConfig.ToolbarSets)这里可以直接设置样式,一般情况下这里只有二种默认的。你可以自己添加,自己命名。在设置样式的时候你可以找到(FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/silver/' ;)来设置相对应的皮肤。<br />  在这些设置里有一些可以直接在(Web.Config)里设置。<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 一般的功能就是这么设置,别的好像也没什么可以设置了。这些功能会了,基本上一个编辑器设置就不是什么问题了。如果有什么意见或介意可以直接留言。<br />更新时间:2008-11-9<br />更新内容:<br />上传功能的设置,主要是用在权限设置时,像在无论是在百度还是在阿里妈妈等等的网站上,要添加资料设置成不能上传文件(图片,rar。。。文件)<br />可以通过这样来设置,转到....aspx.cs文件里,在Page_Load里设置。<br />FCKeditor1.Config["LinkBrowser"] = "false";///上传服务器浏览<br />FCKeditor1.Config["ImageBrowser"] = "false";///图片服务器浏览<br />FCKeditor1.Config["FlashBrowser"] = "false";///Flash服务器浏览<br />FCKeditor1.Config["LinkUpload"] = "false";///文件上传<br />FCKeditor1.Config["ImageUpload"] = "false";<br />FCKeditor1.Config["FlashUpload"] = "false";</div>

本文转自叶子文文博客51CTO博客,原文链接http://blog.51cto.com/leafwf/185824如需转载请自行联系原作者


叶子文文

Pixie Image Editor 在线图片编辑器 中文版 功能 集成 - 轻松将pixie集成到任何现有项目或应用程序中。 可扩展 - Pixie接口和API可以使用新功能进行扩展。 移动 - Pixie拥有完整的移动支持,并可自动调整其界面以适应任何设备的大小。 可自定义的UI - 通过显示,隐藏或添加新菜单项,更改工具栏位置或使用不同的主题来自定义UI。 可翻译 - Pixie的界面可通过配置完全翻译。 水印 - 保存的照片可以使用指定的文本轻松加水印。 模式 - 在叠加(模态),内联或全屏模式之间进行选择。 工具API - 通过API使用所有精灵工具(调整大小,裁剪,框架等),而无需打开精灵界面。 可自定义的工具 - 所有工具都可完全自定义,您可以删除或修改和添加自定义贴纸,形状,字体,框架等。 状态 - 以json格式保存当前编辑器状态,允许使用预构建模板等功能。 照片处理 - 通过界面或API调整大小,裁剪,转换等。 滤镜 - Pixie配有许多内置滤镜,如灰度,模糊,黑白,复古等。可以通过API添加更多过滤器.. 框架 - 为任何大小的照片添加内置响应帧或添加自己的帧。 裁剪 - 将照片裁剪为指定宽高比之一,或让用户通过UI选择自定义裁剪区域。 绘图 - 功能强大的免费绘图工具支持鼠标和触摸,具有多种画笔类型,颜色等。 文本 - 完全支持向图像添加文本。可以使用数百种谷歌字体或仅使用自定义添加的字体。 形状 - 只需指定svg图像路径,即可轻松添加自定义形状。 贴纸 - 可以添加或删除自定义贴纸。任何类型的图像都可以用作贴纸。 角落 - 只需单击一下或API调用即可对图像角进行四舍五入。 空画布 - Pixie不必编辑现有照片,也可以从头开始轻松创建自定义图像。 历史记录 - 所有编辑器操作都是非破坏性的,可以通过历史记录工具轻松撤消和重做。 对象 - 所有对象(如贴纸,形状和文本)都在自己的图层上,可以通过更改颜色,添加阴影,背景等来轻松移动,调整大小,删除和修改。 图案和渐变 - 所有对象都可以使用许多内置或自定义图案和渐变填充。 保存 - 修改后的图像可以通过API或接口轻松保存在本地设备或服务器上。 缩放和平移 - 可以使用鼠标,鼠标滚轮或移动设备上的触摸和捏合手势来缩放和平移画布。 HTML5 - Pixie使用原生HTML5,这意味着它可以在每个设备上运行。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值