IRichEditPdfSettings Interface

Declares settings related to document export to PDF.

Declaration

export interface IRichEditPdfSettings

Remarks

To learn more about PDF export in the Rich Text Editor, see the following topic: Export to PDF.

Properties

blobStream Property

A constructor that creates a blobStream object.

Declaration

blobStream?: new () => any

Property Value

Remarks

To export a document to PDF, the RichEdit control requires a blobStream constructor. Depending on the framework and the way the library is built, this constructor can be placed in different directories. The control searches for the constructor in window.BlobStream. If the constructor is in another directory, specify the blobStream property.

convertImageToCompatibleFormat Property

Specifies a callback function that converts an image to JPEG or PNG format.

Declaration

convertImageToCompatibleFormat?: (base64: string) => Promise<string>

Property Value

A callback function that accepts an image in an incompatible format and returns an image in JPEG or PNG format.

|

Remarks

The Rich Text Editor uses the PDFKit library when the control exports documents to PDF format. This library only supports JPEG and PNG image formats. Convert images of other formats to JPEG or PNG format to keep them in the resulting PDF document.

The convertImageToCompatibleFormat property specifies the function that converts an image in an incompatible format to JPEG or PNG format before exporting. The conversion does not affect images in the source document.

The example below demonstrates how to convert GIF images to a compatible format:

• JS

const options = DevExpress.RichEdit.createOptions();
options.pdf.convertImageToCompatibleFormat = (base64: string) => {
    // Gets the image format
    const match = /^data:.+;base64,(.*)$/.exec(base64);
    const header = match[1].substring(0, 8);
    const data = Buffer.from(header, 'base64');
    const format = data.toString('ascii');
    // Converts GIF images to a compatible format
    if (format === 'GIF87a' || format === 'GIF89a') {
        var gifFrames = require('gif-frames');
        return gifFrames({ url: base64, frames: 0 }).
            then(frameData => {
                if (frameData.length > 0) {
                    const stream = frameData[0].getImage();
                    return stream.read().toString('base64');
                }
            });
    }
    // Ignores images of other incompatible formats
    else
        return new Promise(() => base64);
};
var richContainer = document.getElementById("rich-container");
const richEdit = DevExpress.RichEdit.create(richContainer, options);

defaultFontName Property

Specifies a default font to which font families are mapped.

Declaration

defaultFontName?: string

Property Value

The font name.

|

Remarks

The defaultFontName property specifies the name of the default font to which font families are mapped (when there is no appropriate rule in the rules collection).

Note

The defaultFontName property value should match the name property value of a font listed in the fonts collection.

exportUrl Property

Specifies the path where the exported PDF document is sent for further processing.

Declaration

exportUrl?: string

Property Value

The URL.

|

pdfDocument Property

A constructor that creates a PDFDocument object.

Declaration

pdfDocument?: new (options?: {
    autoFirstPage: boolean;
    defaultFont: any;
}) => any

Property Value

Remarks

To export a document to PDF, the RichEdit control requires a PDFDocument constructor. Depending on the framework and the way the library is built, this constructor can be placed in different directories. The control searches for the constructor in window.PDFDocument. If the constructor is in another directory, specify the pdfDocument property.

pdfKitScriptUrl Property

Specifies the path to the pdfkit library’s scripts.

Declaration

pdfKitScriptUrl?: string

Property Value

The URL.

|