• 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

  • 相关阅读:
    jmeter压测websocket协议接口
    python批量获取mongodb某集合某字段userId用于性能测试
    利用Wireshark抓包分析WebSocket原理
    jmeter如何设置websocket长时间连接持续返回结果
    jmeter保存下载的文件到本地
    嵌入式linux开发交叉编译的一些tips
    git clone的时候遭遇fatal: early EOF fatal: indexpack failed解决办法
    .net 5.0使用TopShelf部署服务一直报1053错误,附解决方案
    学号20192317 202220222 《Python程序设计》实验四 Python综合实践报告
    docker安装部署, docker部署tomecat, docker部署Nginx, docker部署RabbitMq, docker部署RocketMQ, docker部署MongoDB, docker部署minio, docker部署FastDFS, docker部署Mysql, docker部署redis, docker部署nacos, docker部署ZooKeeper
  • 原文地址:https://www.cnblogs.com/zhangq723/p/1707223.html
Copyright © 2020-2023  润新知