admin管理员组

文章数量:1549914

VUE + ONLYOFFICE

基本配置使用

1 引入后台配置好的office服务器

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

2 封装组件

<template>
    <div id="monitorOffice"></div>
</template>
<script>
import {
    handleDocType} from "../common/utils"
    export default {
    
        props: {
    
            option: {
    
                type: Object,
                default: () => {
    
                    return {
    }
                }
            }
        },
        data() {
    
            return {
    
                doctype: ''
            }
        },
        mounted() {
    
            if (this.option.url)
                this.setEditor(this.option)
        },
        methods: {
    
            setEditor(option) {
    
               this.doctype = handleDocType(option.fileType);
                // office配置参数
                let config = {
    
                    document: {
    
                        fileType: option.fileType,
                        key: "",
                        title: option.title,
                        permissions: {
    
                            comment: false,
                            download: false,
                            modifyContentControl: true,
                            modifyFilter: true,
                            print: false,
                            edit: option.isEdit,

本文标签： vueONLYOFFICE

版权声明：本文标题：VUE + ONLYOFFICE 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dongtai/1727229299a1103515.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。