using IronPdf; // Disable local disk access or cross-origin requests Installation.EnableWebSecurity = true; // Instantiate Renderer var renderer = new ChromePdfRenderer(); // Create a PDF from a HTML string using C# var pdf = renderer.RenderHtmlAsPdf("<h1>Hello World</h1>"); // Export to a file or Stream pdf.SaveAs("output.pdf"); // Advanced Example with HTML Assets // Load external html assets: Images, CSS and JavaScript. // An optional BasePath 'C:\site\assets\' is set as the file location to load assets from var myAdvancedPdf = renderer.RenderHtmlAsPdf("<img src='icons/iron.png'>", @"C:\site\assets\"); myAdvancedPdf.SaveAs("html-with-assets.pdf");

using IronPdf; using System; // Step 1. Creating a PDF with editable forms from HTML using form and input tags // Radio Button and Checkbox can also be implemented with input type 'radio' and 'checkbox' const string formHtml = @" <html> <body> <h2>Editable PDF Form</h2> <form> First name: <br> <input type='text' name='firstname' value=''> <br> Last name: <br> <input type='text' name='lastname' value=''> <br> <br> <p>Please specify your gender:</p> <input type='radio' id='female' name='gender' value= 'Female'> <label for='female'>Female</label> <br> <br> <input type='radio' id='male' name='gender' value='Male'> <label for='male'>Male</label> <br> <br> <input type='radio' id='non-binary/other' name='gender' value='Non-Binary / Other'> <label for='non-binary/other'>Non-Binary / Other</label> <br> <p>Please select all medical conditions that apply:</p> <input type='checkbox' id='condition1' name='Hypertension' value='Hypertension'> <label for='condition1'> Hypertension</label><br> <input type='checkbox' id='condition2' name='Heart Disease' value='Heart Disease'> <label for='condition2'> Heart Disease</label><br> <input type='checkbox' id='condition3' name='Stoke' value='Stoke'> <label for='condition3'> Stoke</label><br> <input type='checkbox' id='condition4' name='Diabetes' value='Diabetes'> <label for='condition4'> Diabetes</label><br> <input type='checkbox' id='condition5' name='Kidney Disease' value='Kidney Disease'> <label for='condition5'> Kidney Disease</label><br> </form> </body> </html>"; // Instantiate Renderer var renderer = new ChromePdfRenderer(); renderer.RenderingOptions.CreatePdfFormsFromHtml = true; renderer.RenderHtmlAsPdf(formHtml).SaveAs("BasicForm.pdf"); // Step 2. Reading and Writing PDF form values. var FormDocument = PdfDocument.FromFile("BasicForm.pdf"); // Set and Read the value of the "firstname" field var FirstNameField = FormDocument.Form.FindFormField("firstname"); FirstNameField.Value = "Minnie"; Console.WriteLine("FirstNameField value: {0}", FirstNameField.Value); // Set and Read the value of the "lastname" field var LastNameField = FormDocument.Form.FindFormField("lastname"); LastNameField.Value = "Mouse"; Console.WriteLine("LastNameField value: {0}", LastNameField.Value); FormDocument.SaveAs("FilledForm.pdf");

.NET-HILFE

Tinymce .NET (Wie es für Entwickler funktioniert)

Veröffentlicht 29. April 2024

Teilen Sie:

TinyMCE ist ein beliebter WYSIWYG-Texteditor, der sich durch die Verwaltung von HTML-Elementen auszeichnet. Dieser Rich-Text-Editor ermöglicht die Bearbeitung von HTML-Inhalten und ist damit so intuitiv wie ein Word-Prozessor - ein Beweis für die benutzerfreundliche Plattform, die von tiny technologies unterstützt wird. Diese Funktion ist vor allem in Webanwendungen nützlich, in denen technisch nicht versierte Benutzer Inhalte formatieren müssen, ohne HTML-Kenntnisse zu besitzen. TinyMCE .NET ist ein Wrapper, mit dem Sie diesen Editor nahtlos in Ihre .NET-Projekte integrieren können.

IronPDF ist ein weiteres Instrument, das Sie kennen sollten. Es ist eine Bibliothek, mit der Entwickler PDF-Dokumente in .NET-Anwendungen erstellen, bearbeiten und extrahieren können. Es funktioniert gut mit C# und bietet eine breite Palette von PDF-Bearbeitungsfunktionen. Sowohl TinyMCE .NET als auch IronPDF dienen unterschiedlichen Zwecken, sind aber für die Entwicklung umfangreicher, interaktiver Webanwendungen unerlässlich.

Erste Schritte mit TinyMCE .NET

Einrichten von TinyMCE .NET in .NET-Projekten

Um Ihr Projekt mit TinyMCE .NET zum Laufen zu bringen, befolgen Sie die folgenden Notwendigen Schritte für eine erfolgreiche Integration. Stellen Sie zunächst sicher, dass Sie ein .NET-Projekt erstellt haben. Öffnen Sie die NuGet-Konsole in Visual Studio. Führen Sie den folgenden Befehl aus:

Install-Package TinyMCE

Tinymce .NET (Wie es für Entwickler funktioniert): Abbildung 1 - Installation von TinyMCE über die NuGet-Konsole in Visual Studio

Ein einfaches Code-Beispiel zur Integration von TinyMCE

Sobald TinyMCE Teil Ihres Projekts ist, ist die Integration in eine Webseite sehr einfach. Sie beginnen, indem Sie einen Verweis auf das TinyMCE-Skript in Ihr HTML einfügen. Dann initialisieren Sie TinyMCE für ein bestimmtes HTML-Element. Laden Sie TinyMCE von der offiziellen Website herunter. Entpacken Sie die TinyMCE-Dateien und platzieren Sie sie in Ihrem Projekt, vorzugsweise in einem Verzeichnis wie 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>

'INSTANT VB WARNING: An assignment within expression was extracted from the following statement:
'ORIGINAL LINE: <html> <head> <script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script> <script> tinymce.init({ selector:
"https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script> (Of script) tinymce.init({ selector: '#myTextArea' });
(Of html) (Of head) <script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy
'INSTANT VB TODO TASK: The following line uses invalid syntax:
'  </script> </head> <body> <textarea id="myTextArea"> Hello, World!</textarea> </body> </html>

VB C#

Dieses Codebeispiel zeigt die grundlegenden Schritte, um TinyMCE in Ihrer Anwendung zum Laufen zu bringen. Sie ersetzen no-api-key durch Ihren tatsächlichen API-Schlüssel von TinyMCE. TinyMCE ist in hohem Maße anpassbar. Sie können Plugins, Schaltflächen für die Symbolleiste und andere Optionen innerhalb des Aufrufs tinymce.init hinzufügen, um den Editor an Ihre Bedürfnisse anzupassen. In der TinyMCE-Dokumentation finden Sie eine umfassende Liste der verfügbaren Optionen und Plugins.

Funktionsweise des TinyMCE-Editors

Rich-Text-Bearbeitung

Der Kern von TinyMCE .NET liegt in den umfangreichen Textbearbeitungsmöglichkeiten. Sie ermöglicht es Anwendungen, den Benutzern eine umfassende Palette von Textbearbeitungsoptionen anzubieten, ähnlich denen in Desktop-Word-Prozessoren. Benutzer können Schriftarten anpassen, Absätze formatieren, Listen einfügen und andere Texteigenschaften mühelos verwalten. Neben der grundlegenden Textformatierung können auch Medien wie Bilder und Videos direkt in den Editor eingebettet werden.

Anpassbare Symbolleisten

Ein herausragendes Merkmal von TinyMCE .NET ist die Möglichkeit, die Symbolleiste des Editors an die spezifischen Anforderungen einer Anwendung anzupassen. Die Entwickler haben die Flexibilität, Schaltflächen hinzuzufügen oder zu entfernen und die Symbolleiste so zu gestalten, wie es für ihre Benutzer am sinnvollsten ist.

Filterung von Inhalten

Die Wahrung der Integrität und Sicherheit von Inhalten ist in jeder Anwendung wichtig. TinyMCE .NET geht dieses Problem an, indem es robuste Funktionen zur Inhaltsfilterung bietet. Bei der Erstellung und Bearbeitung von Inhalten bietet die Bibliothek Optionen zur automatischen Bereinigung von HTML-Eingaben, um sicherzustellen, dass diese den etablierten Sicherheitsverfahren und -standards entsprechen. Für erweiterte Sicherheitsmaßnahmen, insbesondere beim Umgang mit sensiblen Inhalten, ist es ratsam, die Kommunikation mit einem privaten RSA-Schlüssel zu sichern.

Unterstützung von Plugins

Die Funktionalität von TinyMCE .NET wird durch die Unterstützung von Plugins erheblich erweitert. Diese Plugins ermöglichen das Hinzufügen spezieller Funktionen, die über die grundlegenden Bearbeitungsmöglichkeiten hinausgehen. Beispiele hierfür sind die Erstellung und Verwaltung von Tabellen, die Rechtschreibprüfung, die Bearbeitung von Code und noch mehr Nischenfunktionen, die auf spezielle Anforderungen bei der Erstellung von Inhalten zugeschnitten sind.

Lokalisierung

Globale Anwendungen erfordern Tools, die sich an eine vielfältige Benutzerbasis richten, und TinyMCE .NET erfüllt diesen Bedarf durch seine Lokalisierungsunterstützung. Der Editor kann leicht an mehrere Sprachen angepasst werden, um die Schnittstelle für Menschen mit unterschiedlichem sprachlichen Hintergrund zugänglich und benutzerfreundlich zu machen.

Zusammenführung von IronPDF mit TinyMCE

IronPDF ist eine umfassende C#-Bibliothek, die die Arbeit mit PDF-Dokumenten vereinfacht. Es ist so konzipiert, dass es sich nahtlos in .NET-Anwendungen integrieren lässt und Funktionen zum Erzeugen, Ändern und Extrahieren von PDF-Inhalten bietet. Eines der herausragenden Merkmale ist die Möglichkeit, die HTML zu PDFdamit ist es eine ausgezeichnete Wahl für Anwendungen, die Webinhalte in ein verteilbares PDF-Format umwandeln müssen.

Anwendungsfall

Stellen Sie sich ein Szenario vor, in dem Sie eine Anwendung haben, in der Benutzer mit TinyMCE Dokumente erstellen können. Sie möchten Ihren Benutzern die Möglichkeit geben, diese Dokumente als PDF-Dateien zu exportieren, um sie weiterzugeben oder zu drucken. IronPDF eignet sich hervorragend, um den HTML-Inhalt von TinyMCE in ein formatiertes PDF-Dokument zu konvertieren.

Code-Beispiel: TinyMCE-Inhalt nach PDF exportieren

Lassen Sie uns dies anhand eines einfachen Codebeispiels in die Praxis umsetzen. Der folgende Ausschnitt zeigt, wie man HTML-Inhalte aus einem TinyMCE-Editor erfasst und mit IronPDF in ein PDF-Dokument konvertiert. Stellen Sie zunächst sicher, dass Sie das IronPDF-Paket in Ihrem Projekt installiert haben. Sie können dies mit dem NuGet Package Manager erreichen:

Install-Package IronPdf

Angenommen, Sie haben TinyMCE in Ihrer Webanwendung eingerichtet, dann müssen Sie zunächst die HTML-Inhalte erfassen, die Ihre Benutzer erstellt haben. Dies kann in der Regel über JavaScript erfolgen, indem Sie die Methode getContent auf Ihrer TinyMCE-Instanz aufrufen:

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#

Auf der Serverseite erhalten Sie den HTML-Inhalt und verwenden IronPDF, um diesen Inhalt in ein PDF zu konvertieren. Nachfolgend finden Sie eine C#-Methode, die diesen Vorgang veranschaulicht:

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#

Diese Methode, ConvertHtmlToPdf, nimmt den HTML-Inhalt als String (den Inhalt, den Sie von TinyMCE erfasst haben) und verwendet die Klasse ChromePdfRenderer von IronPDF, um dieses HTML in ein PDF-Dokument zu konvertieren. Mit den PrintOptions können Sie die PDF-Ausgabe anpassen, z. B. Ränder festlegen und den CSS-Medientyp für den Konvertierungsprozess definieren. Schließlich speichert der Code das ausgegebene PDF in einer Datei.

Schlussfolgerung

Tinymce .NET (Wie es für Entwickler funktioniert): Abbildung 2 - IronPDF-Lizenzierungsseite

Zusammenfassend lässt sich sagen, dass TinyMCE .NET und IronPDF leistungsstarke Werkzeuge sind, die in Kombination eine nahtlose Erfahrung bei der Erstellung und Konvertierung von Inhalten in .NET-Anwendungen bieten. TinyMCE .NET vereinfacht die Rich-Text-Bearbeitung für Benutzer und bietet eine Oberfläche, die einer Desktop-Wordverarbeitung in einer Webanwendung ähnelt. Damit ist es ideal für technisch nicht versierte Benutzer, die Inhalte formatieren müssen. Die Anpassbarkeit, von der Symbolleiste bis hin zu Plugins und Inhaltsfiltern, verbessert die Funktionalität der Anwendung und die Benutzerfreundlichkeit. IronPDF ergänzt dies, indem es die einfache Konvertierung von HTML-Inhalten, wie sie beispielsweise von TinyMCE erzeugt werden, in PDF-Dokumente ermöglicht. Wenn Sie IronPDF mit dem gepackten TinyMCE in einem beliebigen .NET Core Template ausprobieren möchten, sollten Sie dessen kostenloser Test beginnt bei $749.

< PREVIOUS
Soulseek .NET (Wie es für Entwickler funktioniert)

NÄCHSTES >
Sendgrid .NET (So funktioniert es für Entwickler)