diff --git a/CODEOWNERS b/CODEOWNERS
deleted file mode 100644
index cde0019a..00000000
--- a/CODEOWNERS
+++ /dev/null
@@ -1 +0,0 @@
-TOM
\ No newline at end of file
diff --git a/TODO.md b/TODO.md
deleted file mode 100644
index e1dbff89..00000000
--- a/TODO.md
+++ /dev/null
@@ -1,26 +0,0 @@
-# TODOs in no particular order
-
-1. **ASAP** Move and quickly edit many FAQs to general/extended guides for better visibility
-2. Fix platform support/compatibility chart. Not sure where to put it yet, most likely in `/articles/introduction/platform-support.md`, and some other places.
-3. Add tab interfaces for code samples with separate ActiveX version, and also use to condense other versions (for example, loading resources from official SDK, package managers, or CDNs).
-4. Use Green's `LoadImageFromBinary` and `LoadImageFromBase64Binary` samples in the DWT rework feedback document (`/articles/general-usage/image-import/file-import.md`).
-5. Add complete samples in `/articles/general-usage/image-export/local-export`.
-6. Rewrite `/articles/introduction/supported-file-formats`. (consider moving)
-7. Rewrite `/articles/introduction/system-requirements`. (consider moving)
-8. Rewrite `/articles/introduction/imaging-hardware`. (consider moving)
-9. Rewrite `/articles/general-usage/server-deployment`
-10. Rewrite `/articles/general-usage/server-side-scripting`
-11. Rewrite `/articles/extended-usage/barcode-processing`
-12. Rewrite `/articles/extended-usage/dynamsoft-service-configuration`
-13. Rewrite `/articles/extended-usage/pdf-compression`
-14. Rewrite `/articles/extended-usage/ui-customization`
-15. Rewrite and move all JS framework guides (in `/getstarted/`)
-16. Rewrite and move `/getstarted/restful`
-17. Rewrite and move `/getstarted/restful`
-18. Rewrite and move `/getstarted/upgrade`
-19. Rewrite and move `/indepth/armmips`
-20. Rewrite and move `/indepth/Pro-service`
-21. Add `/articles/extended-usage/fileuploader`
-22. Possibly rewrite and move `indepth/OCR`
-23. Implement rest of `documentation-rewrite-plan.md`
-24. Make tab interfaces for package manager and CDN examples in `/articles/general-usage/resource-loading`
\ No newline at end of file
diff --git a/_articles/about/resources.md b/_articles/about/resources.md
index 44dc6b4e..32c30169 100644
--- a/_articles/about/resources.md
+++ b/_articles/about/resources.md
@@ -11,7 +11,7 @@ description: Dynamic Web TWAIN SDK Documentation Resources Page
## Where to get Dynamic Web TWAIN
-* Official installer
+* Official installer
> This official package is meant for developers to evaluate the SDK. When the package is installed, you get all the resource files, documentation, and samples. A 30-day free trial is included when evaluating our SDK.
@@ -25,11 +25,11 @@ description: Dynamic Web TWAIN SDK Documentation Resources Page
## Sample code
-* Official samples
+* Official samples
> We have many prebuilt samples to demonstrate common user scenarios. All samples contain the resource files required in your application. If a sample is hosted on the Dynamsoft website (not Github), then the sample comes with a 30-day free trial license as well. Otherwise, you can [get a trial license](#how-do-i-get-a-trial-license).
-* Github repo
+* Github repo
> In our repository, we've shared many samples and other projects related to `Dynamic Web TWAIN` . Some of which may be experimental. To try out these samples, a [trial license](#how-do-i-get-a-trial-license) is required.
@@ -39,11 +39,11 @@ Please visit our Official Demo - See Dynamic Web TWAIN in action
+* Official Demo - See Dynamic Web TWAIN in action
## Useful Links
-* Price / Online Store
+* Price / Online Store
* Online Videos
## Blogs
diff --git a/_articles/faq/dwt-with-annotation.md b/_articles/faq/dwt-with-annotation.md
index 7b2f46ee..a99aa059 100644
--- a/_articles/faq/dwt-with-annotation.md
+++ b/_articles/faq/dwt-with-annotation.md
@@ -3,14 +3,16 @@ layout: default-layout
noTitleIndex: true
needAutoGenerateSidebar: true
title: Dynamic Web TWAIN with Annotations
-keywords: Dynamic Web TWAIN, Annotation
+keywords: Dynamic Web TWAIN, Annotation, Dynamsoft Document Viewer, DWT, DDV
breadcrumbText: Dynamic Web TWAIN with Annotations – Hello World
description: Dynamic Web TWAIN with Annotations – Hello World
---
# Dynamic Web TWAIN with Annotations – Hello World
-The Dynamic Web TWAIN library (DWT) is a software development kit (SDK) specifically designed to integrate efficient document scanning workflows into various web applications. The Dynamsoft Document Viewer (DDV) is a versatile web document viewer with support for document annotations. In this guide, we explain how to use DDV in place of the built-in DWT viewer to enable annotations and provide a superior viewer experience.
+Dynamsoft's **Dynamic Web TWAIN (DWT)** is a software development kit (SDK) designed to integrate efficient document scanning workflows into web applications. **Dynamsoft Document Viewer (DDV)** is a versatile web document viewer with support for document annotations. In this guide, we explain how to **use DDV in place of DWT's built-in viewer** to enable **annotations** and provide a superior viewer experience.
+
+In this sample, we create a **headless** DWT instance to scan images, and then pass the result to DDV to view, edit, annotate, etc. We then use DWT to save the result - **along with any edits and annotations** - to a file, or upload to the server.
@@ -20,7 +22,7 @@ The Dynamic Web TWAIN library (DWT) is a software development kit (SDK) specific
Use the SDK by including the packages below:
- Dynamic Web TWAIN: provides scanning, saving, and uploading functionalities.
-- Dynamsoft Document Viewer: provides improved document viewer and annotation functionalities
+- Dynamsoft Document Viewer: provides improved document viewer and annotation functionalities.
### 1.1 Deliver Dependencies via CDN
@@ -30,20 +32,20 @@ Deliver the SDK dependencies with either the [jsDelivr](https://jsdelivr.com/) o
```html
-
+
-
-
+
+
```
- UNPKG
```html
-
+
-
-
+
+
```
## 2. Define HTML Elements
@@ -60,7 +62,7 @@ Define the following elements:
```html
-
+
```
@@ -73,20 +75,17 @@ Define the following elements:
// Public trial license which is valid for 24 hours
// You can request a 30-day trial key from https://www.dynamsoft.com/customer/license/trialLicense/?product=dwtddv
Dynamsoft.DDV.Core.license = "DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9";
-Dynamsoft.DDV.Core.engineResourcePath = "https://cdn.jsdelivr.net/npm/dynamsoft-document-viewer@latest/dist/engine";
+Dynamsoft.DDV.Core.engineResourcePath = "https://cdn.jsdelivr.net/npm/dynamsoft-document-viewer@3.0.0/dist/engine";
await Dynamsoft.DDV.Core.init();
```
### 3.2 Create the Edit Viewer
```javascript
-// Enable image filtering
-Dynamsoft.DDV.setProcessingHandler("imageFilter", new Dynamsoft.DDV.ImageFilter());
// Create a Dynamsoft Document Viewer Edit Viewer to display and edit documents scanned with Dynamic Web TWAIN
let editViewer;
editViewer = new Dynamsoft.DDV.EditViewer({
container: "container",
- uiConfig: Dynamsoft.DDV.getDefaultUiConfig("editViewer", {includeAnnotationSet: true}),
});
// Create a Dynamsoft Document Viewer document to contain and display images scanned by Dynamic Web TWAIN
@@ -105,10 +104,9 @@ Links to related documentation:
- [`Edit Viewer`](https://www.dynamsoft.com/document-viewer/docs/features/viewers/editviewer.html)
- [`How to configure your desired uiconfig`](https://www.dynamsoft.com/document-viewer/docs/ui/customize/index.html)
-Links to API Reference:
+API Reference
-- Dynamsoft Document Viewer:
- - [`setProcessingHandler()`](https://www.dynamsoft.com/document-viewer/docs/api/namespace/ddv.html#static-setprocessinghandler)
+- Dynamsoft Document Viewer:
- [`Dynamsoft.DDV.EditViewer`](https://www.dynamsoft.com/document-viewer/docs/api/class/editviewer.html#editviewer)
- [`createDocument()`](https://www.dynamsoft.com/document-viewer/docs/api/class/documentmanager.html#createdocument)
- [`openDocument()`](https://www.dynamsoft.com/document-viewer/docs/api/class/editviewer.html#opendocument)
@@ -120,7 +118,7 @@ Links to API Reference:
// You can request a 30-day trial key from https://www.dynamsoft.com/customer/license/trialLicense/?product=dwtddv
Dynamsoft.DWT.ProductKey = "DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9";
Dynamsoft.DWT.UseDefaultViewer = false;
-Dynamsoft.DWT.ResourcesPath = "https://cdn.jsdelivr.net/npm/dwt@latest/dist";
+Dynamsoft.DWT.ResourcesPath = "https://cdn.jsdelivr.net/npm/dwt@19.1.0/dist";
// You need to set the service installer location here since the installer's size exceeds jsdelivr's limit. You'd better host the installers in your own environment.
Dynamsoft.DWT.ServiceInstallerLocation = 'https://download2.dynamsoft.com/Demo/DWT/Resources/dist/';
@@ -136,7 +134,7 @@ Dynamsoft.DWT.CreateDWTObjectEx({
);
```
-Links to API Reference:
+API Reference
- Dynamic Web TWAIN:
- [`CreateDWTObjectEx()`](/_articles/info/api/Dynamsoft_WebTwainEnv.md#createdwtobjectex)
@@ -144,9 +142,9 @@ Links to API Reference:
### 4.1 Add Simple Scanning Functionality
-Use the Dynamic Web TWAIN instance for scanning. After scan completion, import the scanned data into DDV for viewing, editing, and annotating.
+Use the Dynamic Web TWAIN instance for scanning. Upon scan completion, import the scanned data into DDV for viewing, editing, and annotating.
-#### 4.1.1 Register the OnPostTransferAsync Event
+#### 4.1.1 Register the `OnPostTransferAsync` Event
```javascript
//Register the OnPostTransferAsync event in the success callback function of CreateDWTObjectEx.
@@ -181,7 +179,7 @@ function Dynamsoft_OnPostTransferAsync(outputInfo){
}
```
-Links to API Reference:
+API Reference
- Dynamic Web TWAIN:
- [`OnPostTransferAsync`](/_articles/info/api/WebTwain_Acquire.md#onposttransferasync)
@@ -206,20 +204,20 @@ function AcquireImage() {
}
```
-Links to API Reference:
+API Reference
- Dynamic Web TWAIN:
- [`SelectSourceAsync()`](/_articles/info/api/WebTwain_Acquire.md#selectsourceasync)
- [`AcquireImageAsync()`](/_articles/info/api/WebTwain_Acquire.md#acquireimageasync)
-### 4.2 Add PDF Saving to Local Functionality
+### 4.2 Add PDF Saving to Local Functionality
-Use the Dynamsoft Document Viewer saveToPdf API to convert the scanned document to a PDF Blob, then use the Dynamic Web TWAIN saveBlob API to export the document to local as a PDF.
+Use `saveToPdf()` from **DDV** to convert the scanned document to a PDF Blob, then use `saveBlob` from **DWT** to export the document to local as a PDF.
```javascript
const pdfSettings = {
saveAnnotation: "annotation"
};
-function SavePDFs(){
+function SavePDF(){
editViewer.currentDocument.saveToPdf(pdfSettings).then(function(blob){
DWObject.IfShowFileDialog = true;
DWObject.saveBlob("WebTWAINImage.pdf", blob).then(function () {
@@ -231,7 +229,7 @@ function SavePDFs(){
}
```
-Links to API Reference:
+API Reference
- Dynamic Web TWAIN:
- [`IfShowFileDialog`](/_articles/info/api/WebTwain_IO.md#ifshowfiledialog)
- [`saveBlob()`](/_articles/info/api/WebTwain_IO.md#saveblob)
@@ -240,7 +238,7 @@ Links to API Reference:
### 4.3 Add Server Upload Functionality
-Use the Dynamsoft Document Viewer saveToPdf API to convert the scanned document to a PDF Blob, then use the Dynamic Web TWAIN httpUploadBlob API to upload the document to the server as a PDF.
+Use the `saveToPdf()` API from **DDV** to convert the scanned document to a PDF Blob, then use the `httpUploadBlob()` API from **DWT** to upload the document to the server as a PDF.
```javascript
// Can be discarded if already defined previously
const pdfSettings = {
@@ -266,7 +264,7 @@ function Upload(){
Links to related documentation:
- [`Uploading Images to the Server`](https://www.dynamsoft.com/web-twain/docs/getstarted/uploading.html)
-Links to API Reference:
+API Reference
- Dynamic Web TWAIN:
- [`httpUploadBlob()`](/_articles/info/api/WebTwain_IO.md#httpuploadblob)
- Dynamsoft Document Viewer:
@@ -279,14 +277,14 @@ Links to API Reference:
HelloWorld
-
-
-
+
+
+
-
-
-
+
+
+