2018年6月7日 星期四

[研究][ASP.NET][JavaScript] ckeditor-full v4.9.2 試用(NuGet安裝)

[研究][ASP.NET][JavaScript] ckeditor-full v4.9.2 試用(NuGet安裝)

2018-06-07

CKEditor 是很有名的 Web-based Word-Like 套件、WYSIWYG 網頁內容編輯器。
官方網站
https://ckeditor.com/


(下圖) 官方目前主要是 v4 和 v5











參考

Adding CKEditor to Your Page
http://docs.ckeditor.com/#!/guide/dev_installation




<textarea> 是 HTML 語法,用 ASP.NET 元件方法如下:
<asp:TextBox ID="TextBox1″ runat="server" TextMode="MultiLine" Height="200px" Width="600px"></asp:TextBox>

因為輸入內容包含 HTML Tag,可能會因為  ASP.NET 安全機制被攔截或拒絕,可在該 網頁做修改 (上面範例是 Default.aspx ),增加 ValidateRequest="False"
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs"  ValidateRequest="False"   %>

在送出的按鈕,要對欄位內容作編碼:
protected void Button1_Click(object sender, EventArgs e)
{
    Label1.Text = HttpUtility.HtmlEncode(TextBox1.Text);
}

如果要可以上傳圖片,可搭配 CKFinder,有空再說。

(完)


相關

[研究] NuGet 安裝的 CKEditor 版本比較
http://shaurong.blogspot.com/2018/06/nuget-ckeditor.html

[研究][ASP.NET][JavaScript] ckeditor-full v4.9.2 試用(NuGet安裝)
http://shaurong.blogspot.com/2018/06/aspnetjavascript-ckeditor-full-v492.html

[研究][JavaScript] CKeditor 4.9.1 與 Fortify SCA v17.20
http://shaurong.blogspot.com/2018/04/javascript-ckeditor-491-fortify-sca.html

[研究][ASP.NET][JavaScript] ckeditor v3.6.4試用 (NuGet 安裝)
http://shaurong.blogspot.com/2018/06/aspnetjavascript-ckeditor-v364-nuget.html

[研究][ASP.NET][JavaScript] CkeditorForASP.NET v3.6.4試用 (NuGet安裝)
http://shaurong.blogspot.com/2018/06/aspnetjavascript-ckeditorforaspnet-v364.html

[研究][ASP.NET] CKEditor.NET 1.0.0 試用 (NuGet安裝)
http://shaurong.blogspot.com/2018/06/aspnet-ckeditornet-100-nuget.html

[研究] [C#] [ASP.NET] ckeditor-full 4.6.1 安裝 (NuGet) 與使用
http://shaurong.blogspot.com/2017/01/c-aspnet-ckeditor-full-461-nuget.html


沒有留言:

張貼留言