zoukankan      html  css  js  c++  java
  • “FreeTextBox”控件使用——Word编辑器

    前言

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

    内容

    • 在网上找的该插件“FreeTextBox”。
    • 首先在Web程序下进行FreeTextBox的引用

    • 在工具箱添加该工具:右键选择项进行工具添加




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


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

    前台编写

    <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>

        

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

    小结

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

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


    感谢您的宝贵时间~~~

  • 相关阅读:
    Fraction to Recurring Decimal
    Compare Version Numbers
    回溯法 -数据结构与算法
    Maximum Gap
    STL——迭代器的概念
    STL——内存基本处理工具
    STL——空间的配置和释放std::alloc(第一级配置器和第二级配置器)
    careercup-中等难度 17.12
    careercup-中等难度 17.11
    careercup-中等难度 17.9
  • 原文地址:https://www.cnblogs.com/zhoulitong/p/6412408.html
Copyright © 2011-2022 走看看