Choose your interface

Decide who renders the controls around the DOCX canvas.

SuperDoc always renders the DOCX canvas. Choose how much of the surrounding interface SuperDoc renders and how much your application owns. This choice does not change how you load, edit, or save the document.

Compare the approaches

Switch between the three approaches. The toolbar and comments panel change ownership; the DOCX canvas does not.

Toolbar

SuperDoc renders the document, layout, selection, and editing

Comments

Config.ui
{  toolbar: { container: '#toolbar' },}

SuperDoc renders the toolbar and comments shown here.

Start with the built-in interface. Move to a hybrid or fully custom interface only for controls your application needs to own.

Set the interface boundary

Config.ui controls which built-in surfaces render. A partial ui object changes only the surfaces it names. Hiding a surface does not remove its document data or public API.

SuperDocEditor creates a built-in toolbar container by default. Vanilla integrations add their own container when they want the toolbar.

Continue with your choice

A hybrid interface uses both paths: keep the built-in surfaces that fit and replace only the ones your application owns.

On this page