浮雲雅築: 11月 2024

2024年11月1日星期五

[研究]SummerNote 用 NuGet 1.0.3、0.8.10, 官方 Compiled 0.9.0, Source Code 0.9.1, libman 0.9.1 安裝差異比較

[研究]SummerNote 用 NuGet 1.0.3、0.8.10, 官方 Compiled 0.9.0, Source Code 0.9.1, libman 0.9.1 安裝差異比較

2024-11-01

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

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

下圖，NuGet安裝 1.0.3版

下圖，NuGet 的 SummerNote 實際上是某人使用官方 0.6.9 版改出來的，比官方 0.9.0 或 0.9.1 差很多了，且 0.9.0 以下版本已經有弱點。

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

下圖，官方下載 0.9.0 Compiled 版 (編譯版)

https://summernote.org/getting-started/

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

下圖，官方下載 0.9.1 Source Code 版 (原始程式碼版，沒有 .css，有 .scss )

https://summernote.org/getting-started/

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

GitHub 版，到 0.9.1

https://github.com/summernote/summernote/releases/tag/v0.9.1

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

下圖，libman 安裝 0.9.1版

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

NuGet SummerNote 0.8.10 版

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

Summernote : Vulnerability Statistics
https://www.cvedetails.com/vendor/32951/Summernote.html

Cross-site Scripting (XSS)
Affecting summernote package, versions <0.9.0
https://security.snyk.io/vuln/SNYK-JS-SUMMERNOTE-7251013

0.9.0版以下有弱點。

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

安裝結果差異很大，NuGet 提供的 1.0.3 版可能最不像官方版，也不知它使用官方哪一版本去改的。

NuGet 的 SummerNote 0.8.10 版比較像官方的舊版，此版疑似沒有 summernote-bs5.js 和 summernote-bs5.css。

(完)

相關

[研究]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

[研究]SummerNote 用 NuGet 1.0.3、0.8.10, 官方 Compiled 0.9.0, Source Code 0.9.1, libman 0.9.1 安裝差異比較
https://shaurong.blogspot.com/2024/11/summernote-nuget-libman.html

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

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

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

https://summernote.org/

下圖，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

[研究]ASP.NET, 顯示 jHtmlArea 1.0.0 WYSIWYG HTML editor 全部按鈕及 Source (PD授權)

2024-11-01

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

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

jHtmlArea GitHub
https://github.com/crpietschmann/jHtmlArea

jHtmlArea Documentation
https://github.com/crpietschmann/jHtmlArea/wiki

所有按鈕 (ChatGPT 亂寫，實際請參考此網頁)
https://github.com/crpietschmann/jHtmlArea/wiki/Configure-jHtmlArea-Toolbar-Buttons

Add Custom jHtmlArea Toolbar Button
https://github.com/crpietschmann/jHtmlArea/wiki/Add-Custom-jHtmlArea-Toolbar-Button

續

[研究]ASP.NET,WebForm,試用 jHtmlArea 1.0.0 WYSIWYG HTML editor 套件 (PD授權)
https://shaurong.blogspot.com/2024/04/aspnetwebform-jhtmlarea-100-wysiwyg.html

[研究]ASP.NET, jHtmlArea 1.0.0 的 toolbar 有時出現 TextArea 或 TextBox 左邊之解決
https://shaurong.blogspot.com/2024/11/aspnet-jhtmlarea-100-toolbar-textarea.html

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

jHtmlArea 相依 jQuery >= 1.3.2，測試 jQuery 3.7.1 可用。

packages.config

<?xml version="1.0" encoding="utf-8"?>
<packages>
  <package id="jHtmlArea" version="1.0" targetFramework="net48" />
  <package id="jQuery" version="3.7.1" targetFramework="net48" />
  <package id="Microsoft.CodeDom.Providers.DotNetCompilerPlatform" version="4.1.0" targetFramework="net48" />
</packages>

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 type="text/javascript" src="Scripts/jquery-3.7.1.min.js"></script>
    <link href="Content/jHtmlArea/jHtmlArea.css" rel="stylesheet" />
    <script type="text/javascript" src="Scripts/jHtmlArea.min.js"></script>
</head>
<body>
    <form id="form1" runat="server">
        <asp:TextBox ID="TextBox1" TextMode="MultiLine" Rows="10" Columns="130" runat="server"></asp:TextBox>
        <br />
        <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" /><br />
        <asp:Literal ID="Literal1" runat="server"></asp:Literal><br />
        <asp:Label ID="Label1" runat="server"></asp:Label>
    </form>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#TextBox1").htmlarea({
                toolbar: [
                    ["html",
                    "|",
                    "bold",
                    "italic",
                    "underline",
                    "strikethrough",
                    "p",
                    "h1",
                    "h2",
                    "h3",
                    "h4",
                    "h5",
                    "h6",
                    "image",
                    "link",
                    "unlink",
                    "orderedList",
                    "unorderedList",
                    "superscript",
                    "subscript",
                    "indent",
                    "outdent",
                    "justifyleft",
                    "justifycenter",
                    "justifyright",
                    "increasefontsize",
                    "decreasefontsize",
                    "forecolor",
                    "horizontalrule"]

                ],
                loaded: function () {
                    //this.toggleHtmlEditor("bold"); // 將粗體按鈕設置為按下狀態
                    //this.toggleView(); // 切換到 HTML 編輯視圖; 無效
                }
            });
        });

        editor.htmlarea("insertHtml", "<p>Initial content</p>"); // 設置初始內容
        setTimeout(function () {
            $(".jHtmlArea .toolset button[name=html]").addClass("active");//無效
        }, 0);
    </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;
            // 在此處處理編輯器的內容
            Literal1.Text = content;
            Label1.Text = content;
        }
    }
}

實際測試，Columns="120" 時 toolbar 位置還正常，Columns="130" 就會異常。

(完)

相關

[研究]ASP.NET,WebForm,試用 jHtmlArea 1.0.0 WYSIWYG HTML editor 套件 (PD授權)
https://shaurong.blogspot.com/2024/04/aspnetwebform-jhtmlarea-100-wysiwyg.html

[研究]ASP.NET, jHtmlArea 1.0.0 的 toolbar 有時出現 TextArea 或 TextBox 左邊之解決
https://shaurong.blogspot.com/2024/11/aspnet-jhtmlarea-100-toolbar-textarea.html

[研究]ASP.NET, 顯示 jHtmlArea 1.0.0 WYSIWYG HTML editor 全部按鈕及 Source (PD授權)
https://shaurong.blogspot.com/2024/11/aspnet-jhtmlarea-100-wysiwyg-html.html

[研究]ASP.NET, jHtmlArea 1.0.0 的 toolbar 有時出現 TextArea 或 TextBox 左邊之解決

[研究]ASP.NET, jHtmlArea 1.0.0 的 toolbar 有時出現 TextArea 或 TextBox 左邊之解決

2024-10-31

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

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

續

[研究]ASP.NET,WebForm,試用 jHtmlArea 1.0.0 WYSIWYG HTML editor 套件 (PD授權)
https://shaurong.blogspot.com/2024/04/aspnetwebform-jhtmlarea-100-wysiwyg.html

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

Default.aspx 之中

<asp:TextBox ID="TextBox1" TextMode="MultiLine" Rows="10" Columns="80" runat="server"></asp:TextBox>

若 Columns="80"

若 Columns="90"

也就是 Columns 值大到某種程度，toolbar 顯示位置就會異常。

(完)

相關

[研究]ASP.NET,WebForm,試用 jHtmlArea 1.0.0 WYSIWYG HTML editor 套件 (PD授權)
https://shaurong.blogspot.com/2024/04/aspnetwebform-jhtmlarea-100-wysiwyg.html

[研究]ASP.NET, jHtmlArea 1.0.0 的 toolbar 有時出現 TextArea 或 TextBox 左邊之解決
https://shaurong.blogspot.com/2024/11/aspnet-jhtmlarea-100-toolbar-textarea.html

[研究]Windows Update 更新失敗之解決

[研究]Windows Update 更新失敗之解決

2024-11-01

WindowsUpdateClen.bat

net stop wuauserv
net stop cryptSvc
net stop bits
net stop msiserver
del /f /q /s C:\Windows\SoftwareDistribution SoftwareDistribution.old
del /f /q /s  C:\Windows\System32\catroot2 Catroot2.old
Dism.exe /Online /Cleanup-Image /Restorehealth
Sfc.exe /Scannow
net start wuauserv
net start cryptSvc
net start bits
net start msiserver

Windows Update 常見錯誤和緩和措施發行項2024/10/15

https://learn.microsoft.com/zh-tw/troubleshoot/windows-client/installing-updates-features-roles/common-windows-update-errors

(完)

相關

訂閱：文章 (Atom)

2024年11月1日 星期五

[研究]SummerNote 用 NuGet 1.0.3、0.8.10, 官方 Compiled 0.9.0, Source Code 0.9.1, libman 0.9.1 安裝差異比較

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

[研究]ASP.NET, 顯示 jHtmlArea 1.0.0 WYSIWYG HTML editor 全部按鈕及 Source (PD授權)

[研究]ASP.NET, jHtmlArea 1.0.0 的 toolbar 有時出現 TextArea 或 TextBox 左邊之解決

[研究]Windows Update 更新失敗之解決

2024年11月1日星期五