跳到主要内容

Create custom header

Creates a custom header with an image and a title. The image is represented as a base64 string in the code, which can be customized or replaced as needed.

(function () {
// Get the active document
let doc = Api.GetDocument();

// Get the existing header
let section = doc.GetFinalSection();
let header = section.GetHeader("default", true);

// Create a paragraph for the header
let headerParagraph = Api.CreateParagraph();

// Add a sample image in base64 format (e.g., ONLYOFFICE logo)
let sampleImageBase64 =
"data:image/png;base64,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"; // Sample ONLYOFFICE logo in base64 format

let image = Api.CreateImage(sampleImageBase64, 60 * 36000, 35 * 36000);
headerParagraph.AddDrawing(image);

// Add title text next to the logo
headerParagraph.AddText(" Company Title");

// Apply styling to the header paragraph
headerParagraph.SetFontSize(24);
headerParagraph.SetBold(true);

// Insert the header paragraph into the header section
header.Push(headerParagraph);
})();

Methods used: GetDocument, GetFinalSection, GetHeader, CreateParagraph, CreateImage, AddDrawing, AddText, SetFontSize, SetBold, Push

Result

CustomHeader CustomHeader