.NET幫助

Tinymce .NET（對於開發者的運行原理）

更新日期:7月 28, 2025

TinyMCE 是一個流行的所見即所得豐富文字編輯器，擅長管理 HTML 元素。這個豐富的文字編輯器允許用戶編輯 HTML 內容，讓使用者像使用文字處理器一樣直觀，這證明了 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 這樣的目錄中。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Integrate TinyMCE</title>
  <script src="https://cdn.tiny.cloud/1/your-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>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Integrate TinyMCE</title>
  <script src="https://cdn.tiny.cloud/1/your-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

注意： 將 your-api-key 替換為您從 TinyMCE 獲得的實際 API 密鑰。

此代碼範例展示了讓 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 方法：

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

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

JAVASCRIPT

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

using IronPdf;
using System;

public class TinyMceToPdfConverter
{
    // This method converts HTML content into a PDF document
    public void ConvertHtmlToPdf(string htmlContent)
    {
        // Initialize a new PDF renderer
        var renderer = new ChromePdfRenderer
        {
            RenderingOptions = 
            {
                MarginTop = 50,
                MarginBottom = 50,
                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);

        // Log the success and file location
        Console.WriteLine($"PDF generated and saved to {filePath}");
    }
}

using IronPdf;
using System;

public class TinyMceToPdfConverter
{
    // This method converts HTML content into a PDF document
    public void ConvertHtmlToPdf(string htmlContent)
    {
        // Initialize a new PDF renderer
        var renderer = new ChromePdfRenderer
        {
            RenderingOptions = 
            {
                MarginTop = 50,
                MarginBottom = 50,
                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);

        // Log the success and file location
        Console.WriteLine($"PDF generated and saved to {filePath}");
    }
}

Imports IronPdf
Imports System

Public Class TinyMceToPdfConverter
	' This method converts HTML content into a PDF document
	Public Sub ConvertHtmlToPdf(ByVal htmlContent As String)
		' Initialize a new PDF renderer
		Dim renderer = New ChromePdfRenderer With {
			.RenderingOptions = {
				MarginTop = 50,
				MarginBottom = 50,
				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)

		' Log the success and file location
		Console.WriteLine($"PDF generated and saved to {filePath}")
	End Sub
End Class

$vbLabelText $csharpLabel

此方法，ConvertHtmlToPdf，將 HTML 內容作為字串（您從 TinyMCE 捕獲的內容）並使用 IronPDF 的 ChromePdfRenderer 類將這些 HTML 轉換為 PDF 文件。渲染選項允許您自定義 PDF 輸出，例如設置邊距和定義 CSS 媒體類型以進行轉換過程。最後，代碼將輸出的 PDF 保存到一個文件中。

結論

Tinymce .NET (如何為開發者工作)：圖 2 - IronPDF 許可頁面

總結來看，TinyMCE .NET 和 IronPDF 是強大的工具，當它們結合使用時，為 .NET 應用程式創建和轉換內容提供了一個無縫的體驗。 TinyMCE .NET 簡化了用戶的豐富文本編輯，為網頁應用程式提供了一個類似於桌面文字處理器的界面，非常適合需要格式化內容的非技術用戶。從工具欄到插件和內容過濾的可定制性，增強了應用程式功能和用戶體驗。 IronPDF 補充了這一點，使得 HTML 內容（如由 TinyMCE 生成的內容）能夠輕鬆轉換為 PDF 文件。如果您想嘗試將 IronPDF 與任何 .NET 核心範本中包裝的 TinyMCE 一起使用，您應該嘗試其免費試用包，其起價為 $799。

常見問題解答

如何在 .NET 項目中設置 TinyMCE？

要在 .NET 項目中設置 TinyMCE，請使用 Visual Studio 中的 NuGet 控制台安裝 TinyMCE，命令是：Install-Package TinyMCE。然後，透過引用 TinyMCE 腳本並在特定的 HTML 元素上初始化 tinymce.init()，將其集成到您的網頁中。