开放平台

基础编辑

# 该示例主要演示如何进入编辑模式。

# 代码演示

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <base href="/pages/" />
        <title>Html Demo</title>
    </head>

    <style>
        body {
            margin: 0;
            overflow: hidden;
        }
    </style>

    <script type="text/javascript" src="../assets/ZwCloud2DSDK/ZwCloud2D.js"></script>

    <body id="wholeFrame">
        <div id="container" style="width: 100vw; height: 100vh"></div>

        <script type="module">
            // 初始化配置
            const initializeViewer = async () => {
                try {
                    // 设置云服务连接配置
                    window.ZwCloud2D.setConnectUrl(process.env.HTML_APP_ZW_URL);
                    // 设置认证令牌
                    window.ZwCloud2D.setToken(process.env.HTML_APP_ZW_TOKEN);
                    // 初始化编辑器
                    await window.ZwCloud2D.ZwEditor.init(document.getElementById('container'));
                } catch (error) {
                    console.error('初始化失败:', error);
                    // 可以添加错误处理逻辑
                }
            };

            initializeViewer().then(() => {
                // 从路由参数获取文档ID
                const params = new URLSearchParams(location.search);
                const docId = params.get('docId');

                if (docId) {
                    // 配置要加载的文档
                    window.ZwCloud2D.ZwEditor.setDocId(docId);

                    // 进入编辑
                    window.ZwCloud2D.ZwEditor.loadEdit();
                }
            });
        </script>
    </body>
</html>

# 功能演示

自定义评论面板