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

Webview2 C# Beispiel (Wie es für Entwickler funktioniert)

Veröffentlicht 4. Januar 2024

Teilen Sie:

WebView2, die neueste Iteration der Webview-Technologie von Microsoft, basiert auf der Chromium-Engine, derselben Engine, die den beliebten Microsoft Edge-Browser antreibt. Die feste Versionsverteilung ermöglicht es C#-Entwicklern, Webtechnologien wie Hypertext Markup Language, CSS und JavaScript direkt in ihre nativen Anwendungen einzubetten. Diese Integration eröffnet eine Welt voller Möglichkeiten, von der Darstellung dynamischer Inhalte bis hin zum Aufbau komplexer Benutzeroberflächen.

IronPDFbietet die Fähigkeit, PDF-Dokumente innerhalb von C#-Anwendungen zu erzeugen, zu manipulieren und darzustellen. Egal, ob es sich um die Umwandlung von Online-Inhalten in PDFs handelt oder um das Erstellen von Dokumenten von Grund auf neu, IronPDF bietet einen unkomplizierten Ansatz zur Handhabung von PDFs zusammen mit webbasierten Daten und Schnittstellen.

Dieses Tutorial wird Sie durch die Integration von WebView2 und IronPDF in einer C#-Anwendung führen. Vom grundlegenden Setup bis zu fortgeschrittenen Funktionalitäten werden wir erkunden, wie diese Tools zusammen verwendet werden können, um die Fähigkeiten Ihrer Anwendung zu erweitern.

Einführung in WebView2

WebView2, betrieben durch den auf Chromium basierenden Microsoft Edge-Browser, stellt einen bedeutenden Fortschritt beim Einbetten von Webinhalten in C#-Anwendungen dar. Diese Technologie ermöglicht es Entwicklern, das volle Spektrum des modernen Webs in ihre Windows-Anwendungen zu integrieren und bietet verbesserte Leistung, Kompatibilität und Funktionalität.

Der Chromium-Edge-Vorteil

Chromium-basiert: WebView2 nutzt die gleiche Engine wie Microsoft Edge und bietet eine konsistentere und zuverlässigere Darstellung von Webinhalten im Vergleich zu älteren Webansichtssteuerungen.

Moderne Webstandards: Mit Unterstützung der neuesten Webstandards können Entwickler sicherstellen, dass der Webinhalt in ihren Windows-Anwendungen mit aktuellen Webtechnologien auf dem neuesten Stand bleibt.

Erste Schritte mit WebView2

Einrichten von WebView2 in C# Projekten

Die Integration von WebView2 in ein C#-Projekt ist ein unkomplizierter Prozess. Es umfasst das Hinzufügen des WebView2 SDKs über NuGet, den Paketmanager von Microsoft für .NET. Dieses SDK bietet die notwendigen Bibliotheken und Tools, um Webinhalte mithilfe von WebView2 in Ihre Anwendungen einzubetten.

Webview2 C# Beispiel (Wie es für Entwickler funktioniert): Abbildung 1 - WebView2

Implementierung von WebView2 in Windows Forms und WPF

WebView2 kann in verschiedenen Arten von C#-Anwendungen verwendet werden, einschließlich Windows Forms.(WinForms)und Windows Presentation Foundation(WPF). Jedes Framework hat seine Besonderheiten in Bezug auf die Implementierung, aber das Kernkonzept bleibt dasselbe: WebView2 dient als Container für Webinhalte innerhalb Ihrer Anwendung.

Ein einfaches Beispiel zum Laden von Webinhalten

Sobald WebView2 eingerichtet ist, können Sie beginnen, Webseiten in Ihre Anwendung zu laden. Dies kann so einfach sein, wie die Quell-URL einzustellen, um eine Webseite anzuzeigen. Hier ist ein einfaches Beispiel, um Ihnen den Einstieg zu erleichtern:

var webView = new WebView2();
webView.Source = new Uri("https://www.ironpdf.com");

var webView = new WebView2();
webView.Source = new Uri("https://www.ironpdf.com");

Dim webView = New WebView2()
webView.Source = New Uri("https://www.ironpdf.com")

VB C#

In diesem Code-Snippet wird eine neue Instanz von WebView2 erstellt und die Website von IronPDF wird darin geladen. Dies veranschaulicht, wie WebView2 verwendet werden kann, um Webseiten innerhalb einer C#-Anwendung darzustellen.

Webview2 C# Beispiel (So funktioniert es für Entwickler): Abbildung 2 - IronPDF

Einbetten von grundlegenden Webinhalten

Anzeige von HTML, CSS und JS in WebView2

WebView2 ermöglicht es C#-Anwendungen, standardmäßige Webinhalte einzubetten und anzuzeigen. Dies umfasst HTML-Seiten, Cascading Style Sheets für das Styling und JavaScript für die Interaktivität. Die Steuerungsfunktionen sind ähnlich wie ein in Ihre Anwendung eingebetteter Webbrowser, der Webinhalte wie in Microsoft Edge darstellt.

Laden von Webseiten in WebView2

Die Hauptfunktion von WebView2 besteht darin, Webseiten zu laden und anzuzeigen. Dies wird erreicht, indem eine URL angegeben oder HTML-Inhalt direkt geladen wird. Zum Beispiel:

webView.CoreWebView2.Navigate("https://www.ironpdf.com");

webView.CoreWebView2.Navigate("https://www.ironpdf.com");

webView.CoreWebView2.Navigate("https://www.ironpdf.com")

VB C#

Dieser Code navigiert das WebView2-Steuerelement zu einer angegebenen Webseite und zeigt sie innerhalb der Anwendung an.

Interaktion mit JavaScript

WebView2 ermöglicht Interaktionen mit JavaScript innerhalb der eingebetteten Webinhalte. Das bedeutet, dass Sie JavaScript-Code aus Ihrer C#-Anwendung heraus ausführen können und umgekehrt, was dynamische Inhaltsaktualisierungen und reaktionsfähige Benutzeroberflächen ermöglicht.

Anpassen des Web-Erlebnisses

Mit WebView2 haben Sie die Kontrolle darüber, wie Webinhalte angezeigt werden und können verschiedene Aspekte wie Größe, Sichtbarkeit und Benutzereinstellungen anpassen. Diese Anpassung ermöglicht es, die Webinhalte nahtlos in die native Benutzeroberfläche Ihrer Anwendung zu integrieren.

Integration von WebView2 und IronPDF

Verwendung von WebView2 und IronPDF zusammen

Die Kombination von WebView2 und IronPDF in einem C#-Projekt eröffnet spannende Möglichkeiten. Während WebView2 hervorragend zum Anzeigen und Interagieren mit Webinhalten geeignet ist, glänzt IronPDF bei der Umwandlung dieser Inhalte in PDF-Format. Diese Integration ermöglicht es Entwicklern, Anwendungen zu erstellen, die nicht nur Webinhalte anzeigen, sondern auch Funktionen bereitstellen, umdiesen Inhalt in PDFs umwandeln.

Erfassen von WebView2-Inhalten mit IronPDF

Das Erstellen einer Windows Forms-Anwendung, die WebView2 beinhaltet, ermöglicht es den Benutzern, innerhalb Ihrer App im Internet zu surfen. Beginnen Sie, indem Sie ein WebView2-Steuerelement zu Ihrem Formular hinzufügen. Diese Steuerung sollte einen bedeutenden Teil des Formulars ausfüllen und ausreichend Platz für das Surfen im Internet bieten. Fügen Sie zusätzlich Navigationselemente wie Adressleisten und Schaltflächen für ein vollständiges Surferlebnis hinzu.

Hinzufügen der PDF-Konvertierungsfunktion

Fügen Sie eine Schaltfläche zu Ihrem Formular hinzu, die mit "In PDF umwandeln" beschriftet ist. Diese Schaltfläche dient als Auslöser für Benutzer, um die aktuell angezeigte Webseite mit IronPDF in ein PDF-Dokument umzuwandeln.

IronPDF-Bibliothek installieren

Mit NuGet-Paket-Manager installieren

Um IronPDF in Ihr WebView2-Projekt mithilfe des NuGet-Paketmanagers zu integrieren, führen Sie die folgenden Schritte aus:

Öffnen Sie Visual Studio und klicken Sie im Lösungs-Explorer mit der rechten Maustaste auf Ihr Projekt.
Wählen Sie „NuGet-Pakete verwalten...“ aus dem Kontextmenü.
Gehe zum "Durchsuchen"-Tab und suche nach IronPDF.
Wählen Sie die IronPDF-Bibliothek aus den Suchergebnissen aus und klicken Sie auf die Installationsschaltfläche.
Akzeptieren Sie jede Lizenzvereinbarungsaufforderung.

Wenn Sie IronPDF in Ihr Projekt über die Paket-Manager-Konsole einbinden möchten, führen Sie den folgenden Befehl in der Paket-Manager-Konsole aus:

Install-Package IronPdf

Es lädt IronPDF herunter und installiert es in Ihr Projekt.

Installation über die NuGet-Website

Für einen detaillierten Überblick über IronPDF, einschließlich seiner Funktionen, Kompatibilität und zusätzlichen Download-Optionen, besuchen Sie die IronPDF-Seite auf der NuGet-Website unter https://www.nuget.org/packages/IronPdf.

Über DLL installieren

Alternativ können Sie IronPDF direkt in Ihr Projekt integrieren, indem Sie dessen DLL-Datei verwenden. Laden Sie die ZIP-Datei herunter, die die DLL enthält, von diesemLink. Entpacken Sie es und fügen Sie die DLL in Ihr Projekt ein.

Implementierung der Konvertierungslogik

Wenn der Benutzer die Schaltfläche "In PDF umwandeln" anklickt, sollte Ihre Anwendung die URL oder den HTML-Inhalt erfassen, der im WebView2-Steuerelement angezeigt wird. Nutzen Sie die Funktionen von IronPDF, um diesen Webinhalt in ein PDF zu konvertieren. Hier ist ein Musteransatz:

Aktuellen Inhalt erfassen: Wenn der Benutzer die Konvertierung einleitet, holen Sie den aktuellen Inhalt aus der WebView2-Steuerung. Dies könnte die URL oder direkt der HTML-Inhalt sein.
PDF mit IronPDF erzeugen: Verwenden Sie IronPDF, um ein PDF aus dem erfassten Webinhalt zu erstellen. Die HtmlToPdf-Klasse kann die aktuelle Webseite in ein PDF-Dokument rendern.
Speichern und Benachrichtigen: Speichern Sie das erstellte PDF an einem vordefinierten Ort oder bitten Sie den Benutzer, einen Speicherort auszuwählen. Nachdem die PDF-Datei gespeichert wurde, benachrichtigen Sie den Benutzer über die erfolgreiche Konvertierung, möglicherweise durch ein Nachrichtenfenster.

private void ConvertToPdfButton_Click(object sender, EventArgs e)
{
    var renderer = new IronPdf.ChromePdfRenderer();
    var pdf = renderer.RenderUrlAsPdf(webView.CoreWebView2.Source.ToString());
    pdf.SaveAs("ConvertedWebPage.pdf");
    MessageBox.Show("PDF conversion successful!");
}

private void ConvertToPdfButton_Click(object sender, EventArgs e)
{
    var renderer = new IronPdf.ChromePdfRenderer();
    var pdf = renderer.RenderUrlAsPdf(webView.CoreWebView2.Source.ToString());
    pdf.SaveAs("ConvertedWebPage.pdf");
    MessageBox.Show("PDF conversion successful!");
}

Private Sub ConvertToPdfButton_Click(ByVal sender As Object, ByVal e As EventArgs)
	Dim renderer = New IronPdf.ChromePdfRenderer()
	Dim pdf = renderer.RenderUrlAsPdf(webView.CoreWebView2.Source.ToString())
	pdf.SaveAs("ConvertedWebPage.pdf")
	MessageBox.Show("PDF conversion successful!")
End Sub

VB C#

Hier ist die UI-Ausgabe:

Webview2 C# Beispiel (So funktioniert es für Entwickler): Abbildung 3 - Webseitendatei in PDF-Konvertierung

Wenn Sie auf die Schaltfläche "Konvertieren" klicken, wird die Webseite in PDF konvertiert und das folgende Meldungsfenster angezeigt:

Webview2 C# Beispiel (Wie es für Entwickler funktioniert): Abbildung 4 - Umwandlungsbestätigung

Fazit

Webview2 C# Beispiel (So funktioniert es für Entwickler): Abbildung 5 - Lizenz

Wenn wir unsere Erkundung von WebView2 und IronPDF im Bereich der C#-Entwicklung abschließen, wird deutlich, dass die Synergie zwischen diesen beiden Technologien ein reichhaltiges Spektrum an Möglichkeiten für die Erstellung dynamischer und vielseitiger Anwendungen bietet.

Durch die Integration von WebView2 können Sie fortschrittliche Webtechnologien direkt in Ihre C#-Anwendungen einbetten, was deren Funktionalität und Benutzererfahrung verbessert. IronPDF ergänzt dies, indem es die Werkzeuge bereitstellt, um diese webbasierten Schnittstellen und Inhalte in zugängliche PDF-Dokumente umzuwandeln, ideal für Berichterstattung, Dokumentation und Datenaustausch.

Erleben Sie das volle Potenzial von IronPDF mit einemKostenlose Testversionfür alle und schalten Sie das vollständige Spektrum an Funktionen mit Lizenzen ab $749 frei.

< PREVIOUS
C# String Split (Wie es funktioniert für Entwickler)

NÄCHSTES >
Fluent Assertions C# (So funktioniert es für Entwickler)