SOURCE

$(function () {
    var docEditor;

    var innerAlert = function (message) {
        if (console && console.log)
            console.log(message);
    };

    var onAppReady = function () {
        innerAlert("文档已就绪~");
        //根据ID获取要操控元素
        $("a[data-tab='review']").css("display","none")
        // console.log($("iframe[name='frameEditor']"))
        // document.getElementByName("frameEditor")
        // $.each($('iframe'), function (index, item) {
        //     console.log(item);
        //     console.log('-------')

        // });

        // var deptObjs = $("iframe[name='frameEditor']").contentWindow.document.getElementById("left-btn-about");
        // //判断此元素是否存在
        // debugger
        // console.log('dep',deptObjs)
        // if (deptObjs != null) {
        //     //设置该元素的样式或其他属性
        //     deptObjs.setAttribute('style', ' display: none !important;'); //!important用来提升指定样式条目的应用优先权
        // }

    };

    var onDocumentStateChange = function (event) {
        var title = document.title.replace(/\*$/g, "");
        document.title = title + (event.data ? "*" : "");
    };

    var onRequestEditRights = function () {
        location.href = location.href.replace(RegExp("mode=view\&?", "i"), "");
    };

    var onError = function (event) {
        if (event)
            innerAlert(event.data);
    };

    var onOutdatedVersion = function (event) {
        location.reload(true);
    };

    var onRequestHistoryData = function () {
        docEditor.refreshHistory({
            "currentVersion": 2,
            "history": [
                {
                    "created": "2010-07-06 10:13 AM",
                    "key": "af86C7e71Ca8",
                    "user": {
                        "id": "F89d8069ba2b",
                        "name": "Kate Cage"
                    },
                    "version": 1
                },
                {
                    "created": "2010-07-07 3:46 PM",
                    "key": "Khirz6zTPdfd7",
                    "user": {
                        "id": "78e1e841",
                        "name": "John Smith"
                    },
                    "version": 2
                }
            ]
        })
    }

    var getUrlParam = function (name) {
        //构造一个含有目标参数的正则表达式对象
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        //匹配目标参数
        var r = window.location.search.substr(1).match(reg);
        //返回参数值
        if (r != null) {
            return decodeURI(r[2]);
        }
        return null;
    };

    var getDocument = function () {
        // 文件名（此处先从连接参数中获取，方便调试）
        var fileName = getUrlParam('file');
        //console.log(fileName);
        !fileName && (fileName = "doc.doc");
        //console.log(fileName);

        // 文件类型（扩展名）
        var ext = fileName.substr(fileName.lastIndexOf(".") + 1);
        return {
            "document": {
                "fileType": ext,
                "key": "6Z2S6ZSL5YmR77yM5YGD5pyI5YiA-201205445454", // 不同文件key必须唯一
                "title": "测试文档" + fileName,
                "url": "http://fkb.oss-cn-shenzhen.aliyuncs.com/doc/template/civilComplaint.docx",
                "info": {
                    "author": "John Smith",
                    "created": "2010-07-07 3:46 PM",
                    "folder": "Example Files",
                    "sharingSettings": [
                        {
                            "permissions": "Full Access",
                            "user": "John Smith"
                        },
                        {
                            "permissions": "Read Only",
                            "user": "Kate Cage"
                        },]
                },
                "permissions": {
                    "comment": true,
                    "download": true,
                    "edit": true,
                    "fillForms": true,
                    "print": true,
                    "review": false
                },
            }
        };
    };
    var onRequestHistory = function () {
        docEditor.refreshHistory({
            "currentVersion": 2,
            "history": [
                {
                    "serverVersion": "6.0.0",
                    "changes": [
                        {
                            "created": "2020-10-27 03:01:27",
                            "user": {
                                "id": "uid-1",
                                "name": "John Smith"
                            }
                        }
                    ]
                }
            ]
        });
    };

    var сonnectEditor = function () {
        var config = {
            "documentType": "text",
            "document": {
                "key": "Y29tcGFueS9kb2MvMjAyMDEwMjcvYmMzNzJhODAtM2U1OC00ZDRhLWI0MjctZDUyZTM3MTlmMTJhLmRvY3g=_20201029154845",
                "title": "bc372a80-3e58-4d4a-b427-d52e3719f12a.docx",
                "fileType": "docx",
                "url": "http://fkb.oss-cn-shenzhen.aliyuncs.com/company/doc/20201027/bc372a80-3e58-4d4a-b427-d52e3719f12a.docx",
                "permissions": {
                    "comment": false,
                    "download": true,
                    "edit": true,
                    "review": false,
                    "changeHistory": true,
                    "copy": true
                }
            },
            "editorConfig": {
                "callbackUrl": "http://120.77.151.83:7070/KZP-BASE-COMPONENT/api/oss/callBackUrl",
                "customization": {
                    "autosave": false,
                    "chat": false,
                    "review": false,
                    "commentAuthorOnly": false,
                    "comments": false,
                    "compactHeader": false,
                    "compactToolbar": false,
                    "compatibleFeatures": false,
                    "customer": {
                        "logo": "http://transform.kuangzhen.cn/resources/kz-logo.png",
                        "name": "kuangzhen.cn",
                        "www": "旷真法律集团"
                    },
                    "feedback": {
                        "visible": false
                    },
                    "forcesave": true,
                    "help": false,
                    "hideRightMenu": false,
                    "logo": {
                        "image": "http://transform.kuangzhen.cn/resources/kz-logo.png",
                        "url": "https://cloud.kzspp.com/"
                    },
                    "macros": false,
                    "mentionShare": false,
                    "plugins": false,
                    "showReviewChanges": false,
                    "spellcheck": false,
                    "toolbarNoTabs": false,
                    "zoom": 100
                },
                "lang": "zh-CN",
                "mode": "edit",
                "region": "zh-CN"
            },
            "token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0eXBlIjoiZGVza3RvcCIsImRvY3VtZW50VHlwZSI6InRleHQiLCJkb2N1bWVudCI6eyJrZXkiOiJZMjl0Y0dGdWVTOWtiMk12TWpBeU1ERXdNamN2WW1Nek56SmhPREF0TTJVMU9DMDBaRFJoTFdJME1qY3RaRFV5WlRNM01UbG1NVEpoTG1SdlkzZz1fMjAyMDEwMjkxNTQ4NDUiLCJ0aXRsZSI6ImJjMzcyYTgwLTNlNTgtNGQ0YS1iNDI3LWQ1MmUzNzE5ZjEyYS5kb2N4IiwiZmlsZVR5cGUiOiJkb2N4IiwidXJsIjoiaHR0cDovL2ZrYi5vc3MtY24tc2hlbnpoZW4uYWxpeXVuY3MuY29tL2NvbXBhbnkvZG9jLzIwMjAxMDI3L2JjMzcyYTgwLTNlNTgtNGQ0YS1iNDI3LWQ1MmUzNzE5ZjEyYS5kb2N4IiwicGVybWlzc2lvbnMiOnsiY29tbWVudCI6ZmFsc2UsImRvd25sb2FkIjp0cnVlLCJlZGl0Ijp0cnVlLCJyZXZpZXciOnRydWUsImNoYW5nZUhpc3RvcnkiOnRydWUsImNvcHkiOnRydWV9fSwiZWRpdG9yQ29uZmlnIjp7ImNhbGxiYWNrVXJsIjoiaHR0cDovLzEyMC43Ny4xNTEuODM6NzA3MC9LWlAtQkFTRS1DT01QT05FTlQvYXBpL29zcy9jYWxsQmFja1VybCIsImN1c3RvbWl6YXRpb24iOnsiYXV0b3NhdmUiOmZhbHNlLCJjaGF0IjpmYWxzZSwiY29tbWVudEF1dGhvck9ubHkiOmZhbHNlLCJjb21tZW50cyI6ZmFsc2UsImNvbXBhY3RIZWFkZXIiOmZhbHNlLCJjb21wYWN0VG9vbGJhciI6ZmFsc2UsImNvbXBhdGlibGVGZWF0dXJlcyI6ZmFsc2UsImN1c3RvbWVyIjp7ImxvZ28iOiJodHRwOi8vdHJhbnNmb3JtLmt1YW5nemhlbi5jbi9yZXNvdXJjZXMva3otbG9nby5wbmciLCJuYW1lIjoia3Vhbmd6aGVuLmNuIiwid3d3Ijoi5pe355yf5rOV5b6L6ZuG5ZuiIn0sImZlZWRiYWNrIjp7InZpc2libGUiOmZhbHNlfSwiZm9yY2VzYXZlIjp0cnVlLCJoZWxwIjpmYWxzZSwiaGlkZVJpZ2h0TWVudSI6ZmFsc2UsImxvZ28iOnsiaW1hZ2UiOiJodHRwOi8vdHJhbnNmb3JtLmt1YW5nemhlbi5jbi9yZXNvdXJjZXMva3otbG9nby5wbmciLCJ1cmwiOiJodHRwczovL2Nsb3VkLmt6c3BwLmNvbS8ifSwibWFjcm9zIjpmYWxzZSwibWVudGlvblNoYXJlIjpmYWxzZSwicGx1Z2lucyI6ZmFsc2UsInNob3dSZXZpZXdDaGFuZ2VzIjpmYWxzZSwic3BlbGxjaGVjayI6ZmFsc2UsInRvb2xiYXJOb1RhYnMiOmZhbHNlLCJ6b29tIjoxMDAuMH0sImxhbmciOiJ6aC1DTiIsIm1vZGUiOiJlZGl0IiwicmVnaW9uIjoiemgtQ04ifX0.VH8yISr8IKF64l5Z1cVV4rGO41EXZomz7FON2zBqHBs"
        }
        config.width = "100%";
        config.height = "100%";
        config.events = {
            "onAppReady": onAppReady,
            "onDocumentStateChange": onDocumentStateChange,
            //'onRequestEditRights': onRequestEditRights,
            "onRequestHistoryData": onRequestHistoryData,
            "onError": onError,
            "onOutdatedVersion": onOutdatedVersion
        };

        //config.editorConfig.customization = {};

        docEditor = new DocsAPI.DocEditor("iframeEditor", config);
    };

    сonnectEditor();

});

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="zh-CN">
<head>
    <title>OnlyOffice预览测试demo</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <script type="text/javascript" src="http://120.77.151.83:88/web-apps/apps/api/documents/api.js" ></script>

</head>
<body>
    <div class="form">
        <div id="iframeEditor"></div>
    </div>
</body>
</html>

html {
    height: 100%;
    width: 100%;
}

body {
    background: #fff;
    color: #333;
    font-family: Arial, Tahoma, sans-serif;
    font-size: 12px;
    font-weight: normal;
    height: 100%;
    margin: 0;
    overflow-y: hidden;
    padding: 0;
    text-decoration: none;
}

.form {
    height: 100%;
}
.tool-menu-btns {
    display: none !important;
    width: 40px;
    height: 100%;
    /* display: inline-block; */
    position: absolute;
    padding-top: 15px;
}

div {
    margin: 0;
    padding: 0;
}