现在的位置: 首页 > 综合 > 正文

FreeTextBox 编辑器示例

2013年10月04日 ⁄ 综合 ⁄ 共 1682字 ⁄ 字号 评论关闭

.net 與 FreeTextBox 編輯器結合使用:

1. 把 FreeTextBox 的 dll 添加到工具條中,

2. 只要拖動到業面就可以使用.

注意:

FreeTextBox 不能加到 updatepanel 裡面,否則編輯器就不能使用.

前台代碼:

<html  >
<head runat="server">
    <title>FreeTextBox编辑器示例</title>
</head>
<body>
    <form id="form1" runat="server">
    <div style="font-size: 13px">
        <br />
        <br />
    <FTB:FreeTextBox ID="FreeTextBox1" runat="server" SupportFolder="aspnet_client/FreeTextBox/"  Height="300px" Width="500px" ToolbarStyleConfiguration="Office2000" BackColor="255, 192, 192" EnableHtmlMode="False" GutterBackColor="255, 192, 192" JavaScriptLocation="ExternalFile" RemoveServerNameFromUrls="True" RenderMode="Rich" ScriptMode="External" ShowTagPath="False" StartMode="DesignMode" TabMode="InsertSpaces" ButtonDownImage="False" ></FTB:FreeTextBox>
        <br />
        <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="提交取值" Width="97px" />
        <asp:Button ID="Button2" runat="server" OnClick="Button2_Click" Text="清除内容" />
        <asp:Button ID="Button3" runat="server" OnClick="Button3_Click" Text="刷新" />&nbsp;
        <table style="border-right: #003399 1px solid; border-top: #003399 1px solid; border-left: #003399 1px solid;
            width: 486px; border-bottom: #003399 1px solid; background-color: #f7f4f4">
            <tr>
                <td>
        <asp:Label ID="Label1" runat="server"></asp:Label></td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>

後台代碼:

protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        this.Label1.Text = FreeTextBox1.Text;
    }
    protected void Button2_Click(object sender, EventArgs e)
    {
        this.FreeTextBox1.Text = "";
    }
    protected void Button3_Click(object sender, EventArgs e)
    {
        Response.Redirect("test.aspx");
    }

 

抱歉!评论已关闭.