跳至頁尾內容
.NET 幫助

TinyMCE .NET(開發者使用指南)

TinyMCE 是一款流行的 WYSIWYG 豐富文字編輯器,擅長管理 HTML 元素。 此富文字編輯器可讓使用者編輯 HTML 內容,讓使用者像使用 Word 處理器一樣直覺,這也證明了微小技術所提供的使用者友善支援平台。 此功能在非技術使用者不懂 HTML 但需要格式化內容的網路應用程式中特別有用。 TinyMCE .NET 是一個包裝器,使您可以將此編輯器無縫集成到您的 .NET 專案中。

IronPDF - C# PDF Library 是您應該知道的另一個工具。 這是開發人員在 .NET 應用程式中用來建立、編輯和擷取 PDF 文件的函式庫。 它能很好地與 C# 搭配使用,並提供廣泛的 PDF 操作功能。 TinyMCE .NET 和 IronPDF 的用途各不相同,但都是開發豐富、互動式 Web 應用程式不可或缺的工具。

開始使用 TinyMCE .NET

在 .NET 專案中設定 TinyMCE .NET

若要使用 TinyMCE .NET 執行您的 專案,請遵循以下成功整合所需的步驟。 首先,確保您已建立 .NET 專案。 在 Visual Studio 中開啟 NuGet 主控台。 運行以下命令:

Install-Package TinyMCE

Tinymce .NET (How It Works For Developers):圖 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 在您的應用程式中執行的基本步驟。 您可以使用 TinyMCE 的實際 API 金鑰來取代 no-api-key。 TinyMCE 可高度自訂。 您可以在 tinymce.init 呼叫中加入外掛程式、工具列按鈕和其他選項,以根據您的需求量身打造編輯器。 請檢閱 TinyMCE 文件,以取得可用選項與外掛程式的完整清單。

TinyMCE 編輯器的功能

豐富的文字編輯

TinyMCE .NET Core 的核心在於其豐富的文字編輯功能。 它能讓應用程式提供使用者一套完整的文字編輯選項,類似於桌上型電腦 Word 處理器中的選項。 使用者可以調整字型、格式化段落、插入清單,並輕鬆管理其他文字屬性。 除了基本的文字格式之外,它還支援將圖片和影片等媒體直接嵌入編輯器。

自訂工具列

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 Package Manager 完成此工作:

Install-Package IronPdf

假設您已在 Web 應用程式中設定 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}");
    }
}
$vbLabelText   $csharpLabel

這個方法,ConvertHtmlToPdf,將 HTML 內容當成字串 (您從 TinyMCE 擷取的內容),並使用 IronPDF 的 ChromePdfRenderer class 將這個 HTML 轉換成 PDF 文件。 渲染選項可讓您自訂 PDF 輸出,例如設定邊距和定義轉換過程的 CSS 媒體類型。 最後,程式碼會將輸出的 PDF 儲存到檔案中。

結論

Tinymce .NET (How It Works For Developers):圖 2 - IronPDF 授權頁面

總而言之,TinyMCE .NET 與 IronPDF 都是功能強大的工具,結合使用後,可為 .NET 應用程式中內容的建立與轉換提供無縫的體驗。 TinyMCE .NET 簡化使用者的富文字編輯,在網頁應用程式中提供類似桌面 Word 處理器的介面,非常適合需要格式化內容的非技術使用者。 它的客製化功能,從工具列到外掛程式和內容過濾,都能增強應用程式的功能和使用者體驗。 IronPDF 可輕鬆地將 HTML 內容(例如由 TinyMCE 產生的內容)轉換成 PDF 文件,從而與此相輔相成。 如果您想在任何 .NET Core 模板中嘗試 IronPDF 與打包的 TinyMCE,您應該試試它的 免費試用套件,它的起價為 $799 。

常見問題解答

如何在.NET專案中設定TinyMCE?

若要在 .NET 專案中設定 TinyMCE,請使用 Visual Studio 中的 NuGet 控制台,透過下列指令安裝 TinyMCE: Install-Package TinyMCE 。然後,透過引用 TinyMCE 腳本並在特定的 HTML 元素上使用tinymce.init()初始化它,將其整合到您的網頁中。

在 Web 應用程式中使用 TinyMCE .NET 有哪些優點?

TinyMCE .NET 提供了一個豐富的文字編輯介面,其直覺程度堪比文字處理器,因此非常適合非技術用戶需要在無需了解 HTML 的情況下編輯 HTML 內容的 Web 應用程式。

我可以在.NET應用程式中將HTML內容匯出為PDF嗎?

是的,您可以使用 IronPDF 在 .NET 應用程式中將 HTML 內容匯出為 PDF。擷取 HTML 內容,然後使用 IronPDF 的ChromePdfRenderer類別在伺服器端將其轉換為 PDF 文件。

TinyMCE 提供哪些自訂功能?

TinyMCE 提供豐富的自訂選項,包括可設定工具列、內容過濾、外掛程式支援和在地化,以使編輯器適應不同的使用者需求和全球應用程式。

如何在 .NET 專案中將 TinyMCE 與 PDF 生成功能整合?

您可以使用 IronPDF 將 TinyMCE 與 PDF 生成功能整合。設定好 TinyMCE 以用於內容建立後,請擷取 HTML 內容並將其傳遞給 IronPDF 的RenderHtmlAsPdf方法,即可轉換為 PDF。

是否可以在購買前試用 C# 的 PDF 庫?

是的,IronPDF 提供免費試用包,讓開發人員可以在任何 .NET core 範本中探索其功能和功能,從而有機會測試其 PDF 生成和操作功能。

TinyMCE 如何方便非技術使用者進行內容編輯?

TinyMCE 提供了一個所見即所得的富文本編輯器介面,使非技術用戶能夠像使用文字處理器一樣輕鬆地格式化和編輯 HTML 內容,而無需了解 HTML 程式碼。

Jacob Mellor,Team Iron 首席技術官
首席技術長

Jacob Mellor 是 Iron Software 的首席技術官,也是一位富有遠見的工程師,率先開發了 C# PDF 技術。作為 Iron Software 核心程式碼庫的最初開發者,他自公司成立之初便參與塑造了其產品架構,並與執行長 Cameron Rimington 一起將其發展成為一家擁有 50 多名員工、服務於 NASA、特斯拉和全球政府機構的公司。

Jacob 於 1998 年至 2001 年在曼徹斯特大學獲得土木工程一級榮譽學士學位。 1999 年,他在倫敦創辦了自己的第一家軟體公司;2005 年,他創建了自己的第一個 .NET 元件。此後,他專注於解決微軟生態系統中的複雜問題。

他的旗艦產品 IronPDF 和 IronSuite .NET 庫在全球 NuGet 上的安裝量已超過 3000 萬次,其基礎程式碼持續為全球開發者工具提供支援。憑藉 25 年的商業經驗和 41 年的程式設計專長,Jacob 始終致力於推動企業級 C#、Java 和 Python PDF 技術的創新,同時指導下一代技術領導者。