Insert Object (Text, Image) in an Editor implemented in a WebPage

Do you want to: Suggest a feature / Report a bug / Ask a how-to question
For feature suggestions, describe the result you would like to achieve in detail.
For bug reports, provide the steps to reproduce and if possible a minimal demo of the problem.
Document Server version:
Type of installation of the Document Server (docker, deb/rpm, exe)
OS: Docker
Browser version:


<!DOCTYPE html
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

<meta name="viewport" content="width=device-width" />

<title>ONLYOFFICE Document Editors</title>

<link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon" />

<style type="text/css">

    body {

        margin: 0;

        padding: 0;

        overflow: hidden;

        -ms-content-zooming: none;


    #office_frame {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        margin: 0;

        border: none;

        display: block;


<div id="placeholder"></div>

<script type="text/javascript" src="http://***.***.***.***/web-apps/apps/api/documents/api.js"></script>

<span id="frameholder"></span>

<script type="text/javascript">

    config = {

        "document": {

            "fileType": "docx",

            "key": "templatetestABCDEFGHIJ",

            "title": "Example Document Title.docx",

            "url": "https://*****"


        "documentType": "word",


    var docEditor = new DocsAPI.DocEditor("placeholder", config);


I’ve tested the previous implementation. But I can’t automatically send objects to the instance I’ve just opened.
For example, how can I send a dynamic text variable to the document editor implemented in my page? Do I need to use document builder? If so, how?

Thanks in advance for your reply.

Hello @Tai00
I’ve found a private message on the similar scenario. Please do not post the same situation in different topics. Let’s focus our communication in PM since we have started there already.