2024年11月1日 星期五

[研究]SummerNote 0.9.0官方下載免 Bootstrap 版 ( SummerNote 0.9.0 Lite版) 試用

[研究]SummerNote 0.9.0官方下載免 Bootstrap 版 ( SummerNote 0.9.0 Lite版) 試用

2024-10-31

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

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

https://summernote.org/getting-started/#download-source-code


參考程式 Without Bootstrap (lite)
You can use Summernote without Bootstrap using summernote-lite.js and summernote-lite.css.
https://summernote.org/getting-started/

Default.aspx

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

<!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>
        <script src="https://code.jquery.com/jquery-3.7.1.slim.min.js"></script>
    <link href="MyPackages/summernote-0.9.0-dist/summernote-lite.css" rel="stylesheet" />
    <script src="MyPackages/summernote-0.9.0-dist/summernote-lite.js"></script>
</head>
<body>
    <form id="form1" runat="server">
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    </form>
    <script>
        $('#TextBox1').summernote({
        placeholder: 'Hello stand alone ui',
        tabsize: 2,
        height: 120,
        toolbar: [
          ['style', ['style']],
          ['font', ['bold', 'underline', 'clear']],
          ['color', ['color']],
          ['para', ['ul', 'ol', 'paragraph']],
          ['table', ['table']],
          ['insert', ['link', 'picture', 'video']],
          ['view', ['fullscreen', 'codeview', 'help']]
        ]
      });
    </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)
        {

        }
    }
}

結果


感覺狀況有些混亂，因為 NuGet 並沒有 0.9.0版，NuGet 版本安裝了也沒 summernote-lite.js 和 summernote-lite.css，NuGet 至少是 1.0.0版，最新 1.0.3版。



下圖，Visual Studio 2019畫面

********************************************************************************
Summernote 套件在 NuGet 至少 1.0.0 版，在 https://summernote.org  只有到 0.9.0 版，兩者關係 ?

Copilot

這可能是因為 NuGet 和 Summernote 的維護者是不同的團隊，他們各自更新和發布版本。NuGet 上的版本可能包含了一些額外的功能或修復，而官方網站上的版本則是官方維護的最新穩定版本。

(完)

相關

[研究]ASP.NET, SummerNote 1.0.3 與 Bootstrap 3.4.1, 4.6.2, 5.3.3 相容測試
https://shaurong.blogspot.com/2024/10/aspnet-summernote-103-bootstrap-341-462.html

[研究]ASP.NET, 夏日筆記 Summernote 1.0.3 WYSIWYG HTML Editor 試用 (MIT)
https://shaurong.blogspot.com/2024/04/aspnetsummernote-wysiwyg-html-editor.html

[研究]SummerNote 0.9.0官方下載免 Bootstrap 版試用
https://shaurong.blogspot.com/2024/11/summernote-090-bootstrap.html


於

沒有留言:

張貼留言