“FreeTextBox”控件使用——Word编辑器

前言

    在敲牛腩新闻发布系统时,添加新闻修改新闻的时候遇到了Word编辑器控件。它是引用了第三方控件,下面关于怎么引用该控件及其一些简单的使用方法进行分析。

内容

  • 在网上找的该插件“FreeTextBox”。
  • 首先在Web程序下进行FreeTextBox的引用
“FreeTextBox”控件使用——Word编辑器_第1张图片
  • 在工具箱添加该工具:右键选择项进行工具添加
“FreeTextBox”控件使用——Word编辑器_第2张图片
“FreeTextBox”控件使用——Word编辑器_第3张图片
“FreeTextBox”控件使用——Word编辑器_第4张图片
“FreeTextBox”控件使用——Word编辑器_第5张图片

  • 工具添加完后,直接将工具箱中的“FreeTextBox”进行拖拉到指定位置

“FreeTextBox”控件使用——Word编辑器_第6张图片

以牛腩新闻发布系统添加新闻为例

前台编写

<span style="font-family:KaiTi_GB2312;font-size:18px;"> <%@ Page Title="添加新闻_后台管理——牛腩新闻发布系统" Language="C#" MasterPageFile="~/admin/m_common.master" AutoEventWireup="true" ValidateRequest="false" CodeBehind="addnews.aspx.cs" Inherits="Web.admin.addnews" %>
<%@ Register assembly="FreeTextBox" namespace="FreeTextBoxControls" tagprefix="FTB" %>
<asp:Content ID="Content1" ContentPlaceHolderID="m_contentPlaceHolder" runat="server">
   <div id ="addnews" class ="round2">
        <h3>添加新闻</h3>
        <div class ="con" >
            <%--<声明DropDownlist下拉框控件,用于接受后台给的参数——“控件的赋值”>--%>
            <p>        新闻分类:<asp:DropDownList ID="ddlCategory" runat="Server"></asp:DropDownList>
            </p>
            <%--<声明textbox文本框控件,用于接受后台给的参数——“控件的赋值”>--%>
           <p>        新闻标题:<asp:TextBox ID="txtTitle" runat="server" CssClass ="newstitle"></asp:TextBox></p>
            <p>        新闻内容:</p>
            <p>
                <FTB:FreeTextBox中的 toolbarstyleconfiguration是关于该控件的一个样式名称;ID="ftbContent"该变量ftbContent可以接受或者传给后台的内容;Language可以给定不同种的语言;
                        <%--<asp:TextBox ID="txtContent" runat="server" TextMode ="MultiLine" CssClass ="newscontent" ></asp:TextBox>--%>
                 
                    <FTB:FreeTextBox Text="" Language="zh-CN" ToolbarStyleConfiguration="OfficeMac" ID="ftbContent" Width="500" Height="200" runat="server">
                </FTB:FreeTextBox>
            </p>
            <p>        <asp:Button ID="btnAdd" runat="server" Text="添加新闻" OnClick="btnAdd_Click" /></p>
        </div>
        <div class="footer" >
            <p> </p>
            
        </div>
    </div>
</asp:Content></span>

后台编写

<span style="font-family:KaiTi_GB2312;font-size:18px;">       //添加新闻按钮;
        protected void btnAdd_Click(object sender, EventArgs e)
        {
            //给前端赋值传值;
            string title = txtTitle.Text.Trim();
            //变量ftbcontent为work编辑器中的内容进行传值;
            string content = ftbContent.Text.Trim();
            string caid = ddlCategory.SelectedValue;

            News n = new News(title, content, caid);
            bool b = new NewsManager().insert(n);

            if (b)
            {
                Page.ClientScript.RegisterStartupScript(Page.GetType(), "message", "<script language='javascript'defer>alert('新闻添加成功!');</script>");
            }
            else
            {
                Page.ClientScript.RegisterStartupScript(Page.GetType(), "message", "<script language='javascript'defer>alert('新闻添加失败,请联系系统管理员!');</script>");
            }
            //清空标题和内容;
            txtTitle.Text = "";
            ftbContent.Text = "";
        }</span>

    “FreeTextBox”控件使用——Word编辑器_第7张图片

    生活中我们会发现好多地方都用到这个控件的,遇到了就别放过它,先不管自己会不会吧,先整理下来,希望在以后的学习生活中,会对本文有所完善。

小结

    1、师父说,老师说,不要将就。

    2、不怕不知道就怕不知道。


感谢您的宝贵时间~~~

你可能感兴趣的:(“FreeTextBox”控件使用——Word编辑器)