FreeTextBox控件怎么在asp.net项目中使用
创始人
2024-11-29 09:02:15
0次

步骤一:解压FreeTextBox-3.1.6只要将FreeTextBox.dll、ftb.imagegallery.aspx和aspnet_client文件夹拷贝到项目文件夹中,和我们的test.aspx在相同的目录下中,其中FreeTextBox.dll放到bin文件夹下并且在VS2008中添加引用(其实FreeTextBox.dll不需要拷贝进项目文件夹,只需要"解决方案->右键->添加引用"后bin文件夹中会自动产生FreeTextBox.dll)。

步骤二:将FreeTextBox做成空间添加到工具箱中,这在前一篇文章中写过,点击进入查看。

步骤三:往aspx文件中添加控件FreeTestBox,并修改其属性。修改后的控件属性如下:

复制代码 代码如下:


              ImageGalleryPath="~/Images"  
          Language="zh-CN" runat="server"    
          ButtonDownImage="True"            
          toolbarlayout="ParagraphMenu,FontFacesMenu,FontSizesMenu,
               FontForeColorsMenu,FontForeColorPicker,FontBackColorsMenu,
               FontBackColorPicker|Bold,Italic, Underline,Strikethrough,Superscript,
               Subscript,RemoveFormat|JustifyLeft,JustifyRight,
               JustifyCenter,JustifyFull;BulletedList,NumberedList,Indent,Outdent;CreateLink,Unlink,     
               InsertImage|Cut,Copy,Paste,Delete;Undo,Redo,Print,Save|SymbolsMenu,StylesMenu,       
               InsertHtmlMenu|InsertRule,InsertDate,InsertTime|InsertTable,EditTable;InsertTableRowAfter,   
               InsertTableRowBefore,DeleteTableRow;InsertTableColumnAfter,InsertTableColumnBefore,
               DeleteTableColumn|InsertForm,InsertTextBox,InsertTextArea,InsertRadioButton,
               InsertCheckBox,InsertDropDownList,InsertButton|InsertDiv,EditStyle,InsertImageFromGallery,
               Preview,SelectAll,WordClean,NetSpell" >    
    


步骤四:在 ftb.imageegallery.aspx 中设置属性

复制代码 代码如下:


    AllowImageDelete="true" AllowImageUpload="true"
   AllowDirectoryCreate="true"  AllowDirectoryDelete="true" runat="Server" />


这些属性表示允许删除图片和上传图片,允许创建文件夹和删除文件夹 。

注意:
完成以上这些,我们在test.aspx的设计视图下,还是无法看到那些文本编辑器按钮,只能看到的是“FreeTextBox:Free1”这么一个空白界面,原本我以为没有操作成功,所以上面的步骤重复了好多次,但依旧是这样,后来在浏览器下打开发现原来操作已经成功了,前面做了很多无用功。呵呵。

实例
在aspx文件中再添加一个TestBox做文章的“标题”,一个按钮Button“提交”。
test.aspx.cs:

复制代码 代码如下:


    protected void btnSubmit_Click(object sender, EventArgs e)
    {
        string title = this.TextBox1.Text;
        string content = this.Free1.Text;
        NewsBus.AddNews(title,content);
        //Response.Redirect("");
        content = NewsBus.getLateNews().Tables[0].Rows[0][2].ToString();
        Response.Write(content);//输出最新插入的那条新闻的内容
    }


appcode中NewsBus.cs:

复制代码 代码如下:


  public static bool AddNews(string title ,string content)
    {
        String strsql = "Insert into test(title,content) Values(@title,@content)";
        SqlParameter[] paras = new SqlParameter[2];
        paras[0] = new SqlParameter("@title", SqlDbType.VarChar);
        paras[0].Value =title;

        paras[1] = new SqlParameter("@content", SqlDbType.VarChar);
        paras[1].Value =content;

        if (NewsDB.Getcmd(strsql, paras))
        {
            return true;
        }
        return false;
    }
    public static DataSet getLateNews()
    {
        string strsql = "select top 1 * from test order by id desc";
        return NewsDB.Getds(strsql);
    }

appcode中NewsDB.cs:

复制代码 代码如下:


    public static SqlConnection CreatCon()
    {
        string str=ConfigurationManager.AppSettings["conn"];
        return new SqlConnection(str);
    }
  public static DataSet Getds(String strsql)
    {
        SqlConnection con=NewsDB.CreatCon();
        DataSet ds= null;
        try
        {
            SqlDataAdapter da = new SqlDataAdapter(strsql, con);
            ds = new DataSet();
            da.Fill(ds);
      }
        catch (Exception er)
        {
            throw er;
        }
        return ds;
    }


web.config

复制代码 代码如下:




    
 



最后在标题和内容栏中输入文字,并且添加图片,点击“提交”以后会显示刚输入的内容。其中就包括图片。

其实原理很简单,FreeTextBox在我们将内容栏中的文本输入到数据库的指定字段以后,会判断我们有没有插入图片,

如果有图片则将图片的地址也写入“内容”字段中。

比如我们在FreetextBox的文本框中输入文本:“内容栏,插入图片”,然后再插入一个叫做"pic.jpg","提交"完成以后我们去数据库的表test中看字段content的内容如下:

复制代码 代码如下:


内容栏,插入图片


未命名.jpg



而在Images目录下我们也能找到刚才插入的图片"pic.jpg"。这个是由

复制代码 代码如下:


          ImageGalleryPath="~/Images"   ...

相关内容

热门资讯

空调连续工作多久需要停机休息 空调连续工作的时间取决于多个因素,包括空调的型号、功率、使用环境和维护情况等。一般来说,空调可以连续...
空调哪个符号是除湿的 空调除湿功能通常用一个水滴形状的符号表示。不同品牌和型号的空调遥控器可能会有所差异,但一般来说,除湿...
格力空调多长时间加一次氟利昂 1、一般情况下,空调对氟利昂的使用量是非常小的,所以在空调使用了四年左右的时候再考虑加也没问题。2、...
空调用多长时间需要加氟一次 一般情况下是五年。当出现以下这几种情况时,空调才需要加氟。1、空调的室内机和室外机各有两个接口,当接...
格调生活·C标思享荟:卡萨帝在... 9月12日的郑州龙湖金融岛,夜风轻拂,灯光璀璨。“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑...
品牌价值破千亿、高端份额持续领... 9月12日,“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑州站”在郑州龙湖金融岛举办。2026...
空调主板坏了修800还是换新的 空调主板坏了是修还是换新,需要考虑多个因素,以下是一些建议:1. 维修成本:如果维修费用较低,比如 ...
空调开多久需要休息多长时间 问题:空调开多久需要休息多长时间回答:1、在使用空调的过程中,一般空调开7~8个小时左右需要休息2~...
中央空调多长时间清洗一次 1、一般空调开机前清洗一次即可,空调开机中间时段再清洗一次,空调关机时清洗一次,这样比较合理。2、空...
中央空调氟利昂多久加一次 看空调制热和制冷程度,很多人的观点认为氟利昂必须一年放一次,其实这个观点是错误的,理解上面有点偏差,...