Skip to main content
SuperDoc ships with core DOCX editing. Modules add specialized features your users need.

​
What are modules?

Modules are opt-in features that extend SuperDoc:
  • Collaboration - Multiple users editing simultaneously
  • Comments - Threaded discussions on document content
  • Toolbar - Formatting controls and commands
Each module is self-contained. Enable only what you need.

​
Basic usage

const superdoc = new SuperDoc({
  selector: '#editor',
  document: 'contract.docx',
  
  // Enable modules you need
  modules: {
    toolbar: { selector: '#toolbar' },
    comments: { allowResolve: true }
  }
});

​
Available modules

Collaboration

Real-time editing with WebSockets

Comments

Threaded discussions and annotations

Toolbar

Customizable formatting controls

​
Modules vs Methods

Modules are features you configure at initialization: 
modules: {
  collaboration: { url: 'wss://server.com' },
  toolbar: { selector: '#toolbar' }
}
Methods are actions you call after initialization: 
superdoc.search('contract');  // Not a module, just a method
superdoc.export();            // Not a module, just a method

​
Performance considerations

Each module adds weight. For read-only viewing: 
// Minimal viewer - no modules
const viewer = new SuperDoc({
  selector: '#editor',
  document: 'contract.docx',
  documentMode: 'viewing'
  // No modules configured
});
For full editing: 
// Full editor - all modules
const editor = new SuperDoc({
  selector: '#editor',
  document: 'contract.docx',
  modules: {
    toolbar: { selector: '#toolbar' },
    comments: { allowResolve: true },
    collaboration: { url: 'wss://server.com' }
  }
});

​
Module interactions

Some modules work together:
  • Collaboration + Comments = Comments sync across users

​
Next steps

Pick the modules you need:
⌘I