FCKeditor在.net的使用

 

ASP.NET FCKeditor 文本编辑器的使用 【转】 下载地址：http://www.fckeditor.net/download FCKeditor使用 一、配置 1、在http://www.fckeditor.net/点击Download，下载FCKEditor_2.5.1.zip和FCKEditor.Net(ASP.NET Control to easily integrate FCKEditor on .Net Web pages.) 2、新建一项目，比如叫FCK。解压FCKEditor_2.5.1.zip，里面有个fckeditor目录。把该目录整个复制到新建的ASP.NET项目根目录下。打开fckeditor目录下的fckconfig.js，修改二项： FCKConfig.DefaultLanguage = 'en' ; 改为 FCKConfig.DefaultLanguage = 'zh-cn' ; ----------------------------------------------------- var _FileBrowserLanguage = 'php' ; // asp | aspx | cfm | lasso | perl | php | py var _QuickUploadLanguage = 'php' ; // asp | aspx | cfm | lasso | perl | php | py 改为 var _FileBrowserLanguage = 'aspx' ; // asp | aspx | cfm | lasso | perl | php | py var _QuickUploadLanguage = 'aspx' ; // asp | aspx | cfm | lasso | perl | php | py 3、在vs05/08的工具箱上新建一个名叫FCKEditor的Tab，然后在里面点右键，选择Choose Item，定位到解压FCKEditor.Net后生成的FCKEditor2.51\FCKeditor.Net_2.5\bin\Release\2.0目录下的FredCK.FCKEditorV2.dll。该Tab下就会生成一个FCKEditor的.net组件。在vs的Design模式下把该组件拖放到界面上。点击该组件，在属性面板上设置BashPath为/FCK/fckeditor/，注意这里的FCK就是你建的ASP.NET的项目名称，fckeditor为项目根目录下的目录名称。（注意：/FCK/fckeditor/前后的斜杠，少了一个都不会显示编辑器的）。Ctrl+F5！ 其它次要配置（不影响使用）： * 可以把fckeditor目录及其子目录下所有下划下开头的范例、源文件删掉。 * 可以在fckeditor目录下只保留fckconfig.js、fckeditor.js和几个xml文件，其余全部删掉。 * fckeditor目录下的editor目录下有个filemanager目录，把该目录下的borswer\default\connectors目录中除aspx目录以外的全部目录删掉。 * 可以把editor\lang目录下除zh-cn.js、en.js、zh.js之外的全部删掉。 二、图片上传 FCKEditor支持图片上传。可以在ASP.NET项目根目录下添加一目录，起名为UploadFiles. 在web.config里的appSettings段里 <appSettings>     <add key="FCKEditor:BasePath" value="/FCK/fckeditor"/>     <add key="FCKeditor:UserFilesPath" value="/FCK/UploadFiles/" /> </appSettings> 注意UserFielsPath，这里设置的/FCK/UploadFiles/指定了要上传的目录。个人认为这里的FCK可以认为是服务器上的虚拟目录名。(另外发现如设为时不起作用)。 当上传图片时有可能遇到"this connector is disabled Please check the"editor/filemanager/connectors/aspx/config.aspx"的错误，这时可以更改fckeditor\editor\filemanager\connectors\aspx\config.ascx的CheckAuthentication()方法，返回true. 三、简单的FCKEditor存取数据库及显示 1、在项目里添加新项Sql Server Database, 文件名保留为Database.mdf。在里面新建一表MyTable,只有两个字段，一个int型自动增加的primary key, 另一个是text类型的MyContent. 我们要把FCKEditor1.Value值存到这个字段里。 2、先做个显示的页面。项目增加一个Show.aspx，拖一个SqlDataSource，设置一下返回MyTable的内容。再用Repeater显示。 //代码 <asp:Repeater ID="myRepeater" runat="server" DataSourceID="SqlDataSource1">             <HeaderTemplate>                 <table>             </HeaderTemplate>             <ItemTemplate>                 <tr>                     <td>                        <%# Eval("MyContent") %>                     </td>                 </tr>             </ItemTemplate>             <FooterTemplate>                 </table>             </FooterTemplate>         </asp:Repeater>         <asp:SqlDataSource ID="SqlDataSource1" runat="server"         ConnectionString="<%nbsp;ConnectionStrings:ConnectionString %>"         SelectCommand="SELECT [OID], [MyContent] FROM [MyTable] ORDER BY [OID] DESC"></asp:SqlDataSource> 3、存入数据库 项目中引用System.Configuration（为了使用System.Web.WebConfigurationManager） 在FCKEditor界面上入一个按钮，然后 protected void Button1_Click(object sender, EventArgs e) { using (SqlConnection conn = new SqlConnection()) { conn.ConnectionString = System.Web.Configuration.WebConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; SqlCommand cmd = new SqlCommand(); cmd.Connection = conn; cmd.CommandText = "insert into MyTable(MyContent) values(@FCKContent)"; cmd.Parameters.AddWithValue("FCKContent",FCKeditor1.Value); conn.Open(); cmd.ExecuteNonQuery(); } } 定制FCKEditor的工具栏 修改fckeditor目录下的 fckconfig.js 脚本 FCKConfig.ToolbarSets["Default"] = [   。。。 。。。 实现定制 控件的ToolbarSet 指定设置的工具栏是那个...默认是Default