Repository navigation
Add Side-by-Side Comparison sample for TypeScript DOCX Editor - #10
Open
suriyaprakasamr wants to merge 4 commits into
Open
suriyaprakasamr wants to merge 4 commits into
suriyaprakasamr wants to merge 4 commits into
Conversation
Co-authored-by: suriyaprakasamr <[email protected]>
…uments Co-authored-by: suriyaprakasamr <[email protected]>
Co-authored-by: suriyaprakasamr <[email protected]>
Co-authored-by: suriyaprakasamr <[email protected]>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
📋 Task Context
Add a new sample under
Side-by-Side-Comparison/that mirrors the Reactreact-docx-editor-compare-documentssample, but built on the existing TypeScript DOCX Editor quickstart (webpack + DocumentEditorContainer). Users can upload an original and revised DOCX/SFDT file, compare them through the hosted Syncfusion Document Editor service, and review the tracked-changes result side-by-side with synchronized scrolling.📝 Implementation Summary
Mirrors the React compare-documents sample using the Syncfusion TypeScript DOCX Editor (webpack + ts-loader). Two
DocumentEditorContainerinstances are mounted side-by-side. The user uploads an original and a revised DOCX/SFDT file, clicks Compare, and the sample calls the hostedImportandCompareDocumentsweb APIs. The original document is loaded in the left editor and the compared (or revised) document in the right editor, with synchronized scrolling and a revision-pane toggle. README is adapted from the React reference and points to TypeScript/ES6 documentation links.Project layout
Side-by-Side-Comparison/src/app/app.tsSide-by-Side-Comparison/src/index.htmlSide-by-Side-Comparison/src/styles/styles.cssSide-by-Side-Comparison/src/resources/favicon.icoSide-by-Side-Comparison/webpack.config.jsSide-by-Side-Comparison/tsconfig.jsonSide-by-Side-Comparison/gulpfile.jsgetting-started.Side-by-Side-Comparison/package.json@syncfusion/ej2-documenteditorand@syncfusion/ej2-tailwind3-themepackages.Side-by-Side-Comparison/licenseSide-by-Side-Comparison/README.mdSide-by-Side-Comparison/images/compare-documents-demo-typescript-docx-editor.pngpackage-lock.json,node_modules/, anddist/are intentionally not committed.Build & verification status
npm installadded 882 packages, and audited 883 packages in 46s– exit 0npx webpack --mode productionwebpack 5.112.0 compiled with 3 warnings in 42320 ms– exit 0 (warnings are only the standard asset-size advisories from the full Syncfusion bundle)npx tsc --noEmitnpx webpack serve --mode developmentBuild artifacts produced in
dist/:bundle.jsbundle.cssindex.html🔍 Quality Checklist