.NET 幫助

Tinymce .NET（它如何為開發者工作）

發佈 2024年4月29日

TinyMCE是一款流行的所見即所得富文本編輯器，擅長管理 HTML 元素。這個豐富的文本編輯器允許用戶編輯 HTML 內容，使其像使用 Word 處理器一樣直觀，這是 tiny technologies 提供的用戶友好支援平台的證明。此功能在網路應用中特別實用，非技術用戶可以在不瞭解HTML的情況下格式化內容。 TinyMCE .NET 是一個包裝器，使您可以將此編輯器無縫整合到您的 .NET 專案中。

IronPDF - C# PDF 程式庫是您應該了解的另一個工具。這是一個庫，開發人員可以用來在 .NET 應用程式中創建、編輯和提取 PDF 文件。它與C#兼容良好，並提供多種PDF操作功能。 TinyMCE .NET 和 IronPDF 用於不同目的，但它們對於開發豐富的互動式網路應用程式都是必不可少的。

開始使用 TinyMCE .NET

在 .NET 項目中設置 TinyMCE .NET

要使用 TinyMCE .NET 讓您的專案運行起來，請遵循這些步驟以實現成功整合。首先，確保您已創建一個 .NET 專案。在 Visual Studio 中打開 NuGet 主控台。運行以下命令：

Install-Package TinyMCE

Tinymce .NET（對開發人員的運作方式）：圖1 - 在 Visual Studio 中通過 NuGet 控制台安裝 TinyMCE

整合 TinyMCE 的基本代碼範例

一旦 TinyMCE 成為您專案的一部分，將其整合到網頁中就很簡單。首先，在您的HTML中添加對TinyMCE腳本的引用。然後，初始化特定 HTML 元素上的 TinyMCE。從官方網站下載 TinyMCE。解壓縮並將 TinyMCE 文件放置在您的專案中，最好是在 wwwroot/lib/tinymce 這樣的目錄中。

<html>
<head>
  <script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
  <script>
    tinymce.init({
      selector: '#myTextArea'
    });
  </script>
</head>
<body>
  <textarea id="myTextArea">Hello, World!</textarea>
</body>
</html>

<html>
<head>
  <script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
  <script>
    tinymce.init({
      selector: '#myTextArea'
    });
  </script>
</head>
<body>
  <textarea id="myTextArea">Hello, World!</textarea>
</body>
</html>

HTML

此代碼範例顯示了在您的應用程式中運行 TinyMCE 的基本步驟。將 no-api-key 替換為來自 TinyMCE 的實際 API 密鑰。 TinyMCE 是高度可自定義的。您可以在 tinymce.init 調用中添加插件、工具欄按鈕和其他選項，以定制編輯器來滿足您的需求。查看 TinyMCE 文件以獲取可用選項和插件的完整列表。

TinyMCE 編輯器的功能

豐富文本編輯

TinyMCE .NET 的核心在於其豐富的文本編輯功能。它使應用程式能夠為使用者提供全面的文字編輯選項，類似於桌面文字處理器中的那些選項。使用者可以輕鬆調整字體、格式化段落、插入列表並管理其他文字屬性。除了基本的文字格式化外，它還支持直接將媒體如圖片和視頻嵌入編輯器中。

自定義工具欄

TinyMCE .NET 的一個突出功能是可以根據應用程式的特定需求來定制編輯器的工具欄。開發人員可以靈活地添加或移除按鈕，以使工具欄的組織方式對其用戶最合理。

內容過濾

在任何應用程式中，保持內容的完整性和安全性都是很重要的。 TinyMCE .NET 通過提供強大的內容過濾功能來解決此問題。在使用者創建和編輯內容時，該庫提供自動清理和消毒HTML輸入的選項，確保其符合既定的安全實踐和標準。對於高級安全措施，特別是在處理敏感內容時，建議使用私密 RSA 密鑰來保護通信。

插件支援

TinyMCE .NET 的功能透過對插件的支持得到了顯著擴展。這些插件允許在核心編輯功能之外添加專門功能。範例包括表格創建和管理、拼寫檢查、代碼編輯，甚至更多針對特定內容創建需求的專業功能。

本地化

全球應用程式需要能夠滿足多元用戶群需求的工具，而 TinyMCE .NET 通過其本地化支援來滿足這一需求。編輯器可以輕鬆調整以支援多種語言，使介面對來自不同語言背景的人士更易接觸和使用。

將IronPDF與TinyMCE合併

使用 IronPDF 匯出 HTML是一個全面的 C# 函式庫，能簡化處理 PDF 文件的工作。它旨在與 .NET 應用程式無縫整合，提供生成、修改和提取 PDF 內容的功能。其突出功能之一是能將 HTML 轉換為 PDF，是需要將網頁內容轉換為可分發 PDF 格式的應用程式的理想選擇。

使用案例

考慮一個情境，您有一個應用程式，允許使用者使用TinyMCE創建文件。您希望讓您的使用者能夠將這些文件匯出為 PDF 以便分享或列印。 IronPDF 在此處完美契合，允許您將 TinyMCE 的 HTML 內容轉換成格式化的 PDF 文件。

程式範例：匯出 TinyMCE 內容為 PDF

讓我們用一個簡單的代碼範例來實踐這一點。以下程式碼片段說明了如何從TinyMCE編輯器捕獲HTML內容並使用IronPDF將其轉換為PDF文件。首先，確保您已在專案中安裝了 IronPDF 套件。您可以使用 NuGet 套件管理器來完成這項任務：

Install-Package IronPdf

假設您已在網路應用程式中設置了 TinyMCE，首先您需要捕捉使用者創建的 HTML 內容。這通常可以通過JavaScript完成，方法是調用您的TinyMCE實例上的getContent方法：

let htmlContent = tinymce.activeEditor.getContent();
// Send this content to your server-side code for PDF conversion

let htmlContent = tinymce.activeEditor.getContent();
// Send this content to your server-side code for PDF conversion

Dim htmlContent As let = tinymce.activeEditor.getContent()
' Send this content to your server-side code for PDF conversion

VB C#

在伺服器端，您將接收 HTML 內容並使用 IronPDF 將此內容轉換為 PDF。以下是一個展示此過程的 C# 方法：

using IronPdf;
using System;
public class TinyMceToPdfConverter
{
    public void ConvertHtmlToPdf(string htmlContent)
    {
        var renderer = new ChromePdfRenderer();
        renderer.RenderingOptions.MarginTop = 50;
        renderer.RenderingOptions.MarginBottom = 50;
        renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Print;
        // Convert the HTML content to a PDF document
        var pdfDocument = renderer.RenderHtmlAsPdf(htmlContent);
        // Save the generated PDF to a file
        string filePath = $"Document-{DateTime.Now.Ticks}.pdf";
        pdfDocument.SaveAs(filePath);
        Console.WriteLine($"PDF generated and saved to {filePath}");
    }
}

using IronPdf;
using System;
public class TinyMceToPdfConverter
{
    public void ConvertHtmlToPdf(string htmlContent)
    {
        var renderer = new ChromePdfRenderer();
        renderer.RenderingOptions.MarginTop = 50;
        renderer.RenderingOptions.MarginBottom = 50;
        renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Print;
        // Convert the HTML content to a PDF document
        var pdfDocument = renderer.RenderHtmlAsPdf(htmlContent);
        // Save the generated PDF to a file
        string filePath = $"Document-{DateTime.Now.Ticks}.pdf";
        pdfDocument.SaveAs(filePath);
        Console.WriteLine($"PDF generated and saved to {filePath}");
    }
}

Imports IronPdf
Imports System
Public Class TinyMceToPdfConverter
	Public Sub ConvertHtmlToPdf(ByVal htmlContent As String)
		Dim renderer = New ChromePdfRenderer()
		renderer.RenderingOptions.MarginTop = 50
		renderer.RenderingOptions.MarginBottom = 50
		renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Print
		' Convert the HTML content to a PDF document
		Dim pdfDocument = renderer.RenderHtmlAsPdf(htmlContent)
		' Save the generated PDF to a file
		Dim filePath As String = $"Document-{DateTime.Now.Ticks}.pdf"
		pdfDocument.SaveAs(filePath)
		Console.WriteLine($"PDF generated and saved to {filePath}")
	End Sub
End Class

VB C#

此方法，ConvertHtmlToPdf，將HTML內容作為字串(您從TinyMCE捕獲的內容)並使用IronPDF的ChromePdfRenderer類別將此HTML轉換為PDF文件。 PrintOptions 允許您自訂 PDF 輸出，例如設定邊距及定義轉換過程的 CSS 媒體類型。最後，程式碼將輸出的 PDF 儲存到檔案中。

結論

Tinymce .NET（對開發者的運作原理）：圖2 - IronPDF 授權頁面

總結來說，TinyMCE .NET 和 IronPDF 是強大的工具，結合使用時，能為在 .NET 應用程式中創建和轉換內容提供無縫的體驗。 TinyMCE .NET 簡化了用戶的富文本編輯，提供類似桌面文字處理器的介面於網頁應用程式中，非常適合需要格式化內容的非技術用戶。從工具列到插件和內容篩選的自訂功能增強了應用程式的功能性和使用者體驗。 IronPDF 通過將由 TinyMCE 生成的 HTML 內容輕鬆轉換為 PDF 文件來補充這一點。如果您想在任何 .NET 核心模板中使用帶有 TinyMCE 的 IronPDF，您應該嘗試其免費試用套件起價為 $749。

< 上一頁
Soulseek .NET（它如何運作於開發人員）

下一個 >
Sendgrid .NET（開發人員如何運作）