ASP.NET Core PDF-Viewer herunterladen

Wie bekommt man den ASP.NET Core PDF-Viewer ans Laufen?

1

Fügen Sie das benötigte CSS hinzu, wie im Beispiel unten gezeigt

2

Fügen Sie das benötigte Javascript hinzu, wie im Beispiel unten gezeigt

3

Fügen Sie die PDF-Viewer-Komponente zu Ihrer Seite hinzu

1. Im HTML-Teil der Seite müssen Sie 2 CSS-Links hinzufügen.

Speicherort der Datei: Pages\Shared\_Layout.cshtml

Speicherort der Datei: Pages\Index.cshtml

tw-pdf-viewer.css ist ein allgemeines CSS von TWPdfViewer und wir empfehlen Ihnen, es nicht zu ändern.
tw-pdf-viewer-theme.css ist themenspezifisch. Unter Wie stelle ich das zu verwendende Thema ein? können Sie mehr darüber lesen, wie Sie das Theme ändern.

2. Stellen Sie sicher, dass das erforderliche Javascript enthalten ist.

Speicherort der Datei: Pages\Shared\_Layout.cshtml

Speicherort der Datei: Pages\Index.cshtml

3. Fügen Sie die Komponente zu Ihrer Seite hinzu

Speicherort der Datei: Pages\Index.cshtml

Zum Einstellen der Anfangsparameter sehen Sie sich Verfügbare Viewer-Optionen mit Beispielen an Available viewer options with examples

1. Im HTML-Teil der Seite müssen Sie 2 CSS-Links hinzufügen.

Speicherort der Datei: Views\Shared\_Layout.cshtml

Speicherort der Datei: Views\Home\Index.cshtml

tw-pdf-viewer.css ist ein allgemeines CSS von TWPdfViewer und wir empfehlen Ihnen, es nicht zu ändern.
tw-pdf-viewer-theme.css ist themenspezifisch. Unter Wie stelle ich das zu verwendende Thema ein? können Sie mehr darüber lesen, wie Sie das Theme ändern.

2. Stellen Sie sicher, dass das erforderliche Javascript enthalten ist.

Speicherort der Datei: Views\Shared\_Layout.cshtml

Speicherort der Datei: Views\Home\Index.cshtml

3. Fügen Sie die Komponente zu Ihrer Seite hinzu

Speicherort der Datei: Pages\Index.cshtml

Zum Einstellen der Anfangsparameter sehen Sie sich Verfügbare Viewer-Optionen mit Beispielen an Available viewer options with examples

1. Im HTML-Teil der Seite müssen Sie 2 CSS-Links hinzufügen.

Speicherort der Datei: Pages\Index.razor

tw-pdf-viewer.css ist ein allgemeines CSS von TWPdfViewer und wir empfehlen Ihnen, es nicht zu ändern.
tw-pdf-viewer-theme.css ist themenspezifisch. Unter Wie stelle ich das zu verwendende Thema ein? können Sie mehr darüber lesen, wie Sie das Theme ändern.

2. Stellen Sie sicher, dass das erforderliche Javascript enthalten ist.

Speicherort der Datei: Pages\_Host.cshtml

3. Fügen Sie die Komponente zu Ihrer Seite hinzu

Speicherort der Datei: Pages\Index.razor

Wenn Sie render-mode="Static" verwenden, müssen Sie IsStatic="@("Yes")" hinzufügen.

Zum Einstellen der Anfangsparameter sehen Sie sich Verfügbare Viewer-Optionen mit Beispielen an Available viewer options with examples

1. Im HTML-Teil der Seite müssen Sie 2 CSS-Links hinzufügen.

Speicherort der Datei: Pages\Index.html

tw-pdf-viewer.css ist ein allgemeines CSS von TWPdfViewer und wir empfehlen Ihnen, es nicht zu ändern.
tw-pdf-viewer-theme.css ist themenspezifisch. Unter Wie stelle ich das zu verwendende Thema ein? können Sie mehr darüber lesen, wie Sie das Theme ändern.

2. Make sure to include the required Javascript

Speicherort der Datei: wwwroot\index.html

3. Fügen Sie die Komponente zu Ihrer Seite hinzu

Speicherort der Datei: Pages\Index.razor

Zum Einstellen der Anfangsparameter sehen Sie sich Verfügbare Viewer-Optionen mit Beispielen an Available viewer options with examples

Dokumentation

Einen detaillierteren Einblick in alle ASP.NET Core PDF-Viewer-Funktionen und wie man sie verwendet finden Sie auf der Dokumentationsseite. Wir haben einige Beispiele bereitgestellt, damit Sie sich schnell mit dem Viewer vertraut machen können.

Dokumentation

Neueste Version - Minor Update (1.0.45)

FEHLERBEHEBUNG

- PDF signature didn't show correctly

Alle Versionen anzeigen

Unterstützte Browser & Voraussetzungen

Voraussetzungen

ASP.NET Core-Anwendung (3.1 und neuer)

Unterstützte Browser

Internet Explorer 11 und alle neueren Browser

ASP.NET Core PDF Viewer - herunterladen