Exporting PDF

This feature allows you to export the current document as a PDF format, making it convenient to view or edit in other places.

PDF export function depends on Umo Editor Server, you need to ensure that Umo Editor Server is started.

The exported PDF document has the same display effect as the document when editing, including the display of various nodes and page layout, you can also inject custom CSS styles and JS scripts when exporting, or configure other PDF export options, such as page ranges.

Some scenarios, you can use PDF to do document preview, or display document content in other places, when doing document preview, you can save the PDF through Umo Editor Server in the server, then access it when needed.

Export Effect Preview

Default Configuration

const defaultOptions = {
  // Document export related configuration
  export: {
    styleURL: '',
    serverURL: '',
  },
}

Configuration Description

export

export.styleURL

Description：The URL of the style file when exporting documents, the style file defines the styles used when exporting documents, usually after running npm run build, the style is dist/style.css, you can configure the style file URL to styleURL, of course you can also place the style file in other locations, then configure this item to the correct URL path.

Type：String

Default Value：''

Example：

export: {
  styleURL: `${window.location.origin}/css/umo-editor-next.css`,
}

export.serverURL

Description：Export PDF when Umo Editor Server URL, Umo Editor Server provides PDF export API, you need to ensure that Umo Editor Server is started.

Note: If export.serverURL is not configured, then when the user clicks the export PDF button in the toolbar, it will downgrade to use the front-end export.