2024年4月19日 星期五

[研究]ASP.NET, WebForm, 試用 Trumbowyg 1.0.1 WYSIWYG JavaScript editor 套件

[研究]ASP.NET, WebForm, 試用 Trumbowyg 1.0.1 WYSIWYG JavaScript editor 套件

2024-04-19

環境:Visual Studio 2022 + ASP.NET + WebForm + Web Application + C# + SQL Server 2019 + SQL Server Management Studio (SSMS) 19

********************************************************************************

Default.aspx

<%@ Page Language="C#" AutoEventWireup="true" 
    CodeBehind="Default.aspx.cs" Inherits="WebApplication1.Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <link href="Scripts/trumbowyg/trumbowyg.min.css" rel="stylesheet" />
    <script type="text/jscript" src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
    <script type="text/jscript" src="Scripts/trumbowyg/trumbowyg.min.js"></script>
</head>
<body>
    <form id="form1" runat="server">
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
    </form>

    <script type="text/javascript">
        $(document).ready(function () {
            $('#<%= TextBox1.ClientID %>').trumbowyg();
        });
    </script>
</body>
</html>



Default.aspx.cs

using System;

namespace WebApplication1
{
    public partial class Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        protected void Button1_Click(object sender, EventArgs e)
        {
            string content = TextBox1.Text;
        }
    }
}





感覺怪怪的,每輸入一個英文字母,滑鼠焦點就離開文字區域,每點一下才能輸入一個英文字幕。

(完)

相關

沒有留言:

張貼留言