Skip to content

1033233: Removed Service URL Configuration in PDF Viewer #3386

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
SF4524LogeshKumar wants to merge 8 commits into
base: development
Choose a base branch
from
Open

1033233: Removed Service URL Configuration in PDF Viewer #3386

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
7c9aba6
1033233: Updated Service URL to Resource URL in Angular Platform
SF4524LogeshKumar Jun 18, 2026
74560f8
1033233: Updated Service URL to Resource URL in React PDF Viewer
SF4524LogeshKumar Jun 18, 2026
0df9524
1033233: Updated Service URL to Resource URL in Vue PDF Viewer
SF4524LogeshKumar Jun 18, 2026
b8ccd8b
1033233: Removed Service URL and server backed code in JavaScript
SF4524LogeshKumar Jun 19, 2026
cf28802
1033233: Resolved CI Failures
SF4524LogeshKumar Jun 19, 2026
6fdca12
1033233: Resolved CI failures
SF4524LogeshKumar Jun 19, 2026
2896a37
Merge branch 'development' into 1033233-serviceUrl
SF4524LogeshKumar Jun 22, 2026
19426b5
Merge branch 'development' into 1033233-serviceUrl
SF4524LogeshKumar Jun 25, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions Document-Processing-toc.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1029,6 +1029,7 @@
<li><a href="/document-processing/pdf/pdf-viewer/angular/how-to/custom-context-menu">Customize context menu</a></li>
<li><a href="/document-processing/pdf/pdf-viewer/angular/how-to/pagerenderstarted-pagerendercompleted">PageRenderInitiate and PageRenderComplete event</a></li>
<li><a href="/document-processing/pdf/pdf-viewer/angular/how-to/open-bookmark">Open and Close Bookmark pane programmatically</a></li>
<li><a href="/document-processing/pdf/pdf-viewer/angular/how-to/lock-annotation-in-a-document">Locking Annotation in a PDF document</a></li>
<li><a href="/document-processing/pdf/pdf-viewer/angular/how-to/lock-formfield-in-a-document">Locking Form Fields in a PDF document</a></li>
<li><a href="/document-processing/pdf/pdf-viewer/angular/how-to/signatureselect-signatureunselect">SignatureSelect and SignatureUnselect event</a></li>
<li><a href="/document-processing/pdf/pdf-viewer/angular/how-to/download-start-event">Controlling File Downloads</a></li>
Expand Down
64 changes: 0 additions & 64 deletions Document-Processing/PDF/PDF-Viewer/angular/accessibility.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -170,70 +170,6 @@ import { LinkAnnotationService, BookmarkViewService, MagnificationService,
}
}

{% endhighlight %}
{% highlight ts tabtitle="Server-Backed" %}

import { Component, OnInit } from '@angular/core';
import { LinkAnnotationService, BookmarkViewService, MagnificationService,
ThumbnailViewService,ToolbarService, NavigationService,
TextSearchService, AnnotationService, TextSelectionService,
PrintService
} from '@syncfusion/ej2-angular-pdfviewer';
@Component({
selector: 'app-container',
// specifies the template string for the PDF Viewer component
template: `<div class="content-wrapper">
<ejs-pdfviewer id="pdfViewer"
[serviceUrl]='service'
[documentPath]='document'
[commandManager]='commandManager'
style="height:640px;display:block">
</ejs-pdfviewer>
</div>`,
providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
ThumbnailViewService, ToolbarService, NavigationService,
AnnotationService, TextSearchService, TextSelectionService,
PrintService]
})
export class AppComponent implements OnInit {
public service = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer';
public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';

ngOnInit(): void {
}
public commandManager = {
keyboardCommand: [{
name: 'customCopy',
gesture: {
pdfKeys: PdfKeys.G,
modifierKeys: ModifierKeys.Shift | ModifierKeys.Alt
}
},
{
name: 'customPaste',
gesture: {
pdfKeys: PdfKeys.H,
modifierKeys: ModifierKeys.Shift | ModifierKeys.Alt
}
},
{
name: 'customCut',
gesture: {
pdfKeys: PdfKeys.Z,
modifierKeys: ModifierKeys.Control
}
},
{
name: 'customSelectAll',
gesture: {
pdfKeys: PdfKeys.E,
modifierKeys: ModifierKeys.Control
}
},
]
}
}

{% endhighlight %}
{% endtabs %}

Expand Down
178 changes: 0 additions & 178 deletions Document-Processing/PDF/PDF-Viewer/angular/annotation/comments.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -173,95 +173,6 @@ export class AppComponent {
}
}

{% endhighlight %}
{% highlight ts tabtitle="Server-Backed" %}

import { Component, ViewChild } from '@angular/core';
import {
PdfViewerComponent,
PdfViewerModule,
ToolbarService,
MagnificationService,
NavigationService,
AnnotationService,
LinkAnnotationService,
ThumbnailViewService,
BookmarkViewService,
TextSelectionService,
TextSearchService,
FormFieldsService,
FormDesignerService,
PageOrganizerService
} from '@syncfusion/ej2-angular-pdfviewer';

@Component({
selector: 'app-root',
template: `
<div class="content-wrapper">
<div style="display: flex; gap: 8px; margin-bottom: 12px;">
<button (click)="addComment()">Add Comments</button>
<button (click)="addReply()">Add Reply</button>
</div>
<ejs-pdfviewer
#pdfViewer
id="pdfViewer"
[documentPath]="document"
[serviceUrl]="serviceUrl"
style="height:650px;display:block">
</ejs-pdfviewer>
</div>
`,
imports: [PdfViewerModule],
providers: [
ToolbarService,
MagnificationService,
NavigationService,
AnnotationService,
LinkAnnotationService,
ThumbnailViewService,
BookmarkViewService,
TextSelectionService,
TextSearchService,
FormFieldsService,
FormDesignerService,
PageOrganizerService
]
})
export class AppComponent {

@ViewChild('pdfViewer')
public pdfViewer!: PdfViewerComponent;

public document: string =
'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';

public serviceUrl: string = 'YOUR_SERVICE_URL';

public addComment(): void {
const viewer = this.pdfViewer;
if (!viewer) return;
const annot = viewer.annotationCollection?.[0];
if (annot) {
annot.commentType = 'add';
annot.note = 'New Comment';
viewer.annotation.editAnnotation(annot);
console.log(viewer.annotationCollection?.[0]);
}
}

public addReply(): void {
const viewer = this.pdfViewer;
if (!viewer) return;
const annot = viewer.annotationCollection?.[0];
if (annot) {
annot.commentType = 'add';
annot.replyComment = ['Reply Comment'];
viewer.annotation.editAnnotation(annot);
console.log(viewer.annotationCollection?.[0]);
}
}
}

{% endhighlight %}
{% endtabs %}

Expand Down Expand Up @@ -361,95 +272,6 @@ export class AppComponent {
}
}

{% endhighlight %}
{% highlight ts tabtitle="Server-Backed" %}

import { Component, ViewChild } from '@angular/core';
import {
PdfViewerComponent,
PdfViewerModule,
ToolbarService,
MagnificationService,
NavigationService,
AnnotationService,
LinkAnnotationService,
ThumbnailViewService,
BookmarkViewService,
TextSelectionService,
TextSearchService,
FormFieldsService,
FormDesignerService,
PageOrganizerService
} from '@syncfusion/ej2-angular-pdfviewer';

@Component({
selector: 'app-root',
template: `
<div class="content-wrapper">
<div style="display: flex; gap: 8px; margin-bottom: 12px;">
<button (click)="editComment()">Edit Comments</button>
<button (click)="editReply()">Edit Reply</button>
</div>
<ejs-pdfviewer
#pdfViewer
id="pdfViewer"
[documentPath]="document"
[serviceUrl]="serviceUrl"
style="height:650px;display:block">
</ejs-pdfviewer>
</div>
`,
imports: [PdfViewerModule],
providers: [
ToolbarService,
MagnificationService,
NavigationService,
AnnotationService,
LinkAnnotationService,
ThumbnailViewService,
BookmarkViewService,
TextSelectionService,
TextSearchService,
FormFieldsService,
FormDesignerService,
PageOrganizerService
]
})
export class AppComponent {

@ViewChild('pdfViewer')
public pdfViewer!: PdfViewerComponent;

public document: string =
'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';

public serviceUrl: string = 'YOUR_SERVICE_URL';

public editComment(): void {
const viewer = this.pdfViewer;
if (!viewer) return;
const annot = viewer.annotationCollection?.[0];
if (annot) {
annot.commentType = 'edit';
annot.note = 'Edited Comment';
viewer.annotation.editAnnotation(annot);
console.log(viewer.annotationCollection?.[0]);
}
}

public editReply(): void {
const viewer = this.pdfViewer;
if (!viewer) return;
const annot = viewer.annotationCollection?.[0];
if (annot) {
annot.commentType = 'edit';
annot.replyComment = ['Edited Reply Comment'];
viewer.annotation.editAnnotation(annot);
console.log(viewer.annotationCollection?.[0]);
}
}
}

{% endhighlight %}
{% endtabs %}

Expand Down
Loading