This sample shows how one of the standard quick edit secondary toolbars (the "Draw tools" toolbar in the sample) can be customized by adding some new and removing some of the default buttons.
window.onload = function(){
const viewer = new DsPdfViewer("#viewer", {
workerSrc: "/document-solutions/javascript-pdf-viewer/demos/product-bundles/build/dspdfviewer.worker.js",
supportApi: getSupportApiSettings()
});
viewer.addDefaultPanels();
viewer.addAnnotationEditorPanel();
viewer.addFormEditorPanel();
const toolbarLayout = viewer.toolbarLayout;
toolbarLayout.viewer.mobile = toolbarLayout.viewer.default = ["draw-tools", "$split", "save", "$navigation", "$zoom"];
const secondToolbarLayout = viewer.secondToolbarLayout;
secondToolbarLayout["draw-tools"] = ['edit-text', 'edit-ink', '$split', 'edit-square',
'edit-circle', 'edit-line', '$split', 'edit-undo', 'edit-redo', '$split', 'edit-redact', 'edit-redact-apply'];
viewer.open("/document-solutions/javascript-pdf-viewer/demos/product-bundles/assets/pdf/realestate-lease.pdf");
}