FCKEditor部署于.net

论坛 期权论坛     
选择匿名的用户   2021-5-30 00:12   356   0
<span class="oblog_text">  <p>FCKeditor<span style="FONT-SIZE: 10pt">一款开放源码的HTML文本编辑器,它</span>在ASP.NET下一般的安装和使用方法如下:</p> <p>1、下载FckEditor 2.4,它主要包括核心文件。</p> <p>2、下载FckEditor 2.2 .Net ,包括ASP.NET的DLL文件,并且解压到任意目录。</p> <p>3、解压FckEditor 2.4 压缩包,将文件夹FCKeditor复制到网站的根目录,这里以ASP.NET 2.0的test项目为例,将其复制到test的根目录,并且在根目录下新建uploads目录用来存放编辑器上传得文件。</p> <p>4、修改js配置.打开FCKeditor目录下的fckconfig.js文件,将FCKConfig.DefaultLanguage的值改为zh-cn使其的界面语言改变为简体中文,_FileBrowserLanguage和_QuickUploadLanguage的值都改为aspx。可选的修改如下,可以修改编辑器的skin,将FCKConfig.SkinPath &#61; FCKConfig.BasePath &#43; &#39;skins/default/&#39; 的default可以该为office2003或者silver。保存修改,关闭文件。</p> <p>5、配置web.config.<br>打开工程的Web. Config文件,修改appSettings元素,配置如下:</p> <p>&lt;appSettings&gt;</p> <p>&lt;add key&#61;&#34;FCKeditor:BasePath&#34; value&#61;&#34;~/FCKeditor/&#34;/&gt;</p> <p>&lt;add key&#61;&#34;FCKeditor:UserFilesPath&#34; value&#61;&#34;/FCKPro/Files&#34; /&gt;</p> <p>&lt;/appSettings&gt;</p> <p>设置了FCKeditor:BasePath后就不用再每次使用FCKeditor实例时指定BasePath属性了,FCKeditor:UserFilesPath则是制定我们所有上传的文件的所在目录。你也许会问为什么要设置成/FCKPro/Files这样而不是~/Files,因为FCKeditor使用这个值来返回你上传后的文件的相对路径到客户端,~/Files的形式是ASP.NET在服务可以编译解释的,但是在客户端的静态就不懂这是什么了。如果使用~/Files后,那么所有上传文件的返回路径都是~/Files形式的,你就会得到这样的链接<a href="http://~/Files/Image/logo.gif">http://~/Files/Image/logo.gif</a>这样的链接解果就是路径为找到。所以才要我们上述那样设置,这是在开发阶段,如果在工程完成后发布时请记住把/FCKPro/Files改成/Files,道理不说大家也明白,开发阶段VS2005在运行项目时的URL是<a href="http://localhost/">http://localhost/</a>项目名称/的形式,发布后在Server上建立站点,跟路径就是<a href="http://www.abc.com/">http://www.abc.com/</a>的形式了,所以发布后一定要改过来。这些地方是在使用FCKeditor2.2&#43;ASP.NET2.0时经常发错误而又莫名其所云的地方。</p> <p>6、在项目中引用刚才解压的FCKeditor.NET压缩包里的FredCK.FCKeditorV2.dll文件。具体位置是 FCKeditor.Net_2.2/bin/release/FredCK.FCKeditorV2.dll</p> <p>7、注册用户控件.打开test项目的default.aspx页面,在</p> <p>程序代码<br>&lt;%&#64; Page Language&#61;&#34;C#&#34; MasterPageFile&#61;&#34;~/Weblog.master&#34; AutoEventWireup&#61;&#34;true&#34; CodeFile&#61;&#34;article.aspx.cs&#34; Inherits&#61;&#34;article&#34; Title&#61;&#34;Test FckEditor&#34; %&gt;</p> <p>下面加入以下代码</p> <p>程序代码<br>&lt;%&#64; Register Assembly&#61;&#34;FredCK.FCKeditorV2&#34; Namespace&#61;&#34;FredCK.FCKeditorV2&#34; TagPrefix&#61;&#34;FCKeditorV2&#34; %&gt;</p> <p>然后就可以在default.aspx页面使用这个控件了:</p> <p>程序代码<br>&lt;fckeditorv2:fckeditor id&#61;&#34;FCKeditor&#34; runat&#61;&#34;server&#34; Width&#61;&#34;580px&#34; EnableXHTML&#61;&#34;true&#34; EnableSourceXHTML&#61;&#34;true&#34; basepath&#61;&#34;~/FCKeditor/&#34; height&#61;&#34;500px&#34;&gt;&lt;/fckeditorv2:fckeditor&gt;</p> <p>8、如何取得编辑器中的文本。<br>该控件有个属性是value,它就是获得编辑器中的文本的。</p> <p>9、FCKeditor控件的属性和事件。<br>具有的属性列表如下:</p> <p>AutoDetectLanguage<br>BaseHref<br>BasePath<br>ContentLangDirection<br>CustomConfigurationsPath<br>Debug<br>DefaultLanguage<br>EditorAreaCSS<br>EnableSourceXHTML<br>EnableViewState<br>EnableXHTML<br>FillEmptyBlocks<br>FontColors<br>FontFormats<br>FontNames<br>FontSizes<br>ForcePasteAsPlainText<br>ForceSimpleAmpersand<br>FormatIndentator<br>FormatOutput<br>FormatSource<br>FullPage<br>GeckoUseSPAN<br>Height<br>ID<br>ImageBrowserURL<br>LinkBrowserURL<br>PluginsPath<br>runat<br>SkinPath<br>StartupFocus<br>StylesXMLPath<br>TabSpaces<br>ToolbarCanCollapse<br>ToolbarSet<br>ToolbarStartExpanded<br>UseBROnCarriageReturn<br>Value<br>Visible<br>Width</p> <p>具体的事件列表如下:</p> <p>OnDataBinding<br>OnDisposed<br>OnInit<br>OnLoad<br>OnPreRender<br>OnUnload</p> <p>10、其他</p> <p>官方网站的support上提到,如果使用asp.net 2.0和theme,那么需要打开/editor/filemanager/upload/aspx/upload.aspx和/editor/filemanager/browser/default/connectors/aspx/connector.aspx文件,并且在第一行中加入Theme&#61;&#34;&#34; 。比如</p> <p>程序代码<br>&lt;%&#64; Page language&#61;&#34;c#&#34; Inherits&#61;&#34;FredCK.FCKeditorV2.FileBrowserConnector&#34; AutoEventWireup&#61;&#34;false&#34; Theme&#61;&#34;&#34; %&gt;</p> <p>官方网站:<br><a href="http://www.fckeditor.net/">http://www.fckeditor.n
分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP