FCKeditor2.2+ASP.NET2.0不完全攻略2
点击次数：25 次 发布日期：2008-11-26 11:43:24 作者：源代码网
|
源代码网推荐 源代码网推荐 <FCKeditorV2:FCKeditor ID="FCKeditor1" runat="server"></FCKeditorV2:FCKeditor> 源代码网推荐 源代码网推荐 如果当初没有把FCKeditor添加到工具箱上，那么应该在添加引用后自己手动来添加这些代码。 源代码网推荐 在源代码模式下，把鼠标点在FCKeditorV2:FCKeditor标签内容上，它会加粗显示，这时属性面板上显示出了FCKeditor服务器控件的全部属性，比在设计模式时多出了许多。 源代码网推荐 属性列表： 源代码网推荐 AutoDetectLanguage BaseHref BasePath ContentLangDirection 源代码网推荐 CustomConfigurationsPath Debug DefaultLanguage EditorAreaCSS 源代码网推荐 EnableSourceXHTML EnableViewState EnableXHTML FillEmptyBlocks 源代码网推荐 FontColors FontFormats FontNames FontSizes 源代码网推荐 ForcePasteAsPlainText ForceSimpleAmpersand FormatIndentator FormatOutput 源代码网推荐 FormatSource FullPage GeckoUseSPAN Height 源代码网推荐 ID ImageBrowserURL LinkBrowserURL PluginsPath 源代码网推荐 runat SkinPath StartupFocus StylesXMLPath 源代码网推荐 TabSpaces ToolbarCanCollapse ToolbarSet ToolbarStartExpanded 源代码网推荐 UseBROnCarriageReturn Value Visible Width 源代码网推荐 源代码网推荐 事件列表： 源代码网推荐 OnDataBinding 源代码网推荐 OnDisposed 源代码网推荐 OnInit 源代码网推荐 OnLoad 源代码网推荐 OnPreRender 源代码网推荐 OnUnload 源代码网推荐 源代码网推荐 源代码网推荐 以上属性和事件的使用在此不一一的赘述了，请先自行摸索一下，目前我也没找到相关资料，不过都不是很难，如果你有在asp下使用FCKeditor的经验，应该明白其中一些属性的意义，和fckconfig.js的设置项意义相同。以后有时间我会再把这部分整理好。需要说明的是FCKeditor2.2的fckconfig.js和2.0版本的有了较大改进，体积更小，配置方式也更加灵活，具体请自行下载比较。 源代码网推荐 针对这个示例我配置的代码如下： 源代码网推荐 <FCKeditorV2:FCKeditor 源代码网推荐 ID="FCKeditor1" 源代码网推荐 runat="server" 源代码网推荐 AutoDetectLanguage="false" 源代码网推荐 DefaultLanguage="zh-cn" 源代码网推荐 BasePath="~/FCKeditor/"> 源代码网推荐 </FCKeditorV2:FCKeditor> 源代码网推荐 好，现在运行一下这个页面，允许修改Web.Config（这样IDE会自动在工程下添加一个Web.Config文件）。看到效果了吧！ 源代码网推荐 有人会问：怎么得到一个HTTP Error 404 - Not Found.的错误呢？得到这个错误一般是BasePath没有设置正确，参看上述提到的BasePath注意事项仔细检查！ 源代码网推荐 到了这里，FCKeditor的配置并没有真正的完成，因为它里面的一个强大功能我们还没正确配置：文件上传。 源代码网推荐 在Default.aspx的运行模式下，点FCKeditor的“插入/编辑图像”（又或者是Flash）功能，在弹出框点“浏览服务器”，又弹出一个对话框，此时随即出现的是一个错误提示框XML request error: Forbidden(403). 源代码网推荐 得到这样的错误有Web开发经验的都知道403应该是读写权限的问题。可是为什么呢？原因在于没有配置UserFiles路径。 源代码网推荐 我们在FCKPro根目录下，新建一个空目录Files。连同BasePath的设置通常的做法是这样的： 源代码网推荐 打开FCKPro工程的Web. Config文件，修改appSettings元素，配置如下： 源代码网推荐 <appSettings> 源代码网推荐 <add key="FCKeditor:BasePath"value="~/FCKeditor/"/> 源代码网推荐 <add key="FCKeditor:UserFilesPath"value="/FCKPro/Files" /> 源代码网推荐 </appSettings> 源代码网推荐 设置了FCKeditor:BasePath后就不用再每次使用FCKeditor实例时指定BasePath属性了，FCKeditor:UserFilesPath则是制定我们所有上传的文件的所在目录。你也许会问为什么要设置成/FCKPro/Files这样而不是~/Files，因为FCKeditor使用这个值来返回你上传后的文件的相对路径到客户端，~/Files的形式是ASP.NET在服务可以编译解释的，但是在客户端的静态就不懂这是什么了。如果使用~/Files后，那么所有上传文件的返回路径都是~/Files形式的，你就会得到这样的链接http://~/Files/Image/logo.gif这样的链接解果就是路径为找到。所以才要我们上述那样设置，这是在开发阶段，如果在工程完成后发布时请记住把/FCKPro/Files改成/Files，道理不说大家也明白，开发阶段VS2005在运行项目时的URL是http://localhost/项目名称/的形式，发布后在Server上建立站点，跟路径就是http://www.abc.com/的形式了，所以发布后一定要改过来。这些地方是在使用FCKeditor2.2+ASP.NET2.0时经常发错误而又莫名其所云的地方。 源代码网推荐 先不要高兴，这个上传的功能至此还差最关键的一步。在FCKeditor所在根目录下（FCKPro/FCKeditor/）找到fckconfig.js文件，用文本编辑器打开，在大概132行（大概是因为之前您也许参考其它资料更改过这个文件了）的地方找到： 源代码网推荐 源代码网推荐 var _FileBrowserLanguage = "asp" ; // asp | aspx | cfm | lasso | perl | php | py 源代码网推荐 var _QuickUploadLanguage = "asp" ; // asp | aspx | cfm | lasso | php 源代码网推荐 源代码网推荐 把这两行赋值代码的值由asp改成aspx，保存关闭这个文件。 源代码网推荐 好了，大功告成了！在此运行FCKPro项目，使用浏览服务器功能，OK了吧？ 源代码网推荐 源代码网推荐 再提一下： 源代码网推荐 对于开发中使用文件上传功能遇到 XML request error: Internal Server Error(500) 错误的解决办法。 源代码网推荐 遇到500内部错误是怎么回事呢？ 源代码网推荐 因为ASP.NET2.0新增了Theme功能，所以如果在你的工程中你对Web.config使用到了styleSheetTheme或theme的话那就要再多修改一下。 源代码网推荐 还是到FCKeditor所在的目录，分别打开editorfilemanageruploadaspxupload.aspx和editorfilemanagerrowserdefaultconnectorsaspxconnector.aspx两个aspx文件，在page标签中添加Theme=""或StyleSheetTheme=""看你在工程使用的是什么就修改什么。修改后如下： 源代码网推荐 <%@ Page language="c#" Inherits="FredCK.FCKeditorV2.Uploader" AutoEventWireup="false" Theme="" %> 源代码网推荐 或 源代码网推荐 <%@ Page language="c#" Inherits="FredCK.FCKeditorV2.Uploader" AutoEventWireup="false" StylesheetTheme="" %> 源代码网推荐 这样就解决了500的内部错误。 源代码网推荐 源代码网推荐 有关对FCKeditor减肥的方法在此就不做说明了，网上很多资料都提到过，相信已经搞ASP.NET的你应该会正确使用Google的。 源代码网推荐 源代码网推荐 总之，对FCKeditor这样的好东西总应该好好研究一番的才OK，希望本文对你在实际开发中有所帮助。 源代码网推荐 ---------------------------------- 源代码网推荐 一张图楼主疏忽了 源代码网推荐 file:///E:/fck.gif 源代码网推荐 做人要厚道，请注明转自酷网动力(www.ASPCOOL.COM)。 源代码网推荐 源代码网供稿. |
