Skip to content

快速开始

1.嵌套页面url:

  • 测试环境
https://www.mindshow.fun/test/#/channel

2.发送数据示例

window.addEventListener('message', function (e) {
    let iframe = document.getElementById("resultFrame");
    if (e.source === iframe.contentWindow && JSON.parse(e.data) === 'mindhowLoaded') {
console.log('子窗口加载完成');
    //监听iframe加载完成再发送postmessage
    var postdata = {
            type:'channel',
            data:{
                channeluser:'唯一用户标识',
                channel:'渠道代码',
        },
        };
    var wn = document.getElementById("resultFrame").contentWindow;
    wn.postMessage(JSON.stringify(postdata), 'https://www.mindshow.fun');
    }
}, false);

参数解释:

  • channeluser为用户唯一标识,一串5到15位的数字,必填,可以是平台或者公司内部用户id、可以是用户手机号。

  • channel为渠道代码,5到10位小写字母,必填,测试环境可以使用mindshow2024test。注意:此测试渠道码仅供预览,不能下载。如需下载测试,请联系我们

  • 其他参数:

    • markdown为需要转换的文本,非必填。填写就会把文本转换为ppt,跳转到PPT编辑页面。
    • choosetemplate为传输markdown内容时提供模板选择的参数,非必填,如果需要可以添加,值需要为yes。
    • lang为语言参数,非必填。填写会改变页面语言。
参数语言
zhCN简体中文
en英语
zhtw繁体中文
jp日语
ko韩语
es西班牙语
fr法语
it意大利语
pt葡萄牙语
indo印尼语
vi越南语
  • title为一句话生成参数,非必填。此参数与markdown参数不可同时有,填此参数会触发mindshow的ai内容生成能力。

3.在线iframe测试页面

在线测试页面:https://mind2ppt.com/iframetest

您可以测试直接登录使用、传markdown直接生成PPT和传入标题ai生成PPT等功能。

注意:此测试页面中的渠道码仅供预览,不能下载。如需下载测试,请联系我们

4.接入示例代码

以下为一个HTML页面,方便您进行接入。 页面中有输入框和加载按钮,点击页面中“加载”就可以直接进行测试。

<!DOCTYPE html>
<html>
<head>
    <title>mindshow平台测试代码</title>
    <script>
        function loadUrl() {
            var url = document.getElementById("urlInput").value;
            var iframe = document.getElementById("resultFrame");
            iframe.src = url;
            //监听iframe加载完成再发送postmessage
            window.addEventListener('message', function (e) {
                let iframe = document.getElementById("resultFrame");
                if (e.source === iframe.contentWindow && JSON.parse(e.data) === 'mindhowLoaded') {
            console.log('子窗口加载完成');
                var postdata = {
                        type:'channel',
                        data:{
                            channeluser:'13000000000',
                            channel:'mindshow2025test',
                    }
                    };

                var wn = document.getElementById("resultFrame").contentWindow;
                wn.postMessage(JSON.stringify(postdata), 'https://www.mindshow.fun');

                }


            }, false);
        }
    </script>
</head>
<body>
<input type="text" id="urlInput" style="width: 500px;" value="https://www.mindshow.fun/test/#/channel">
    <button onclick="loadUrl()">加载测试的mindshow嵌入页面</button>
    <br>
    <br>
    <iframe id="resultFrame" width="100%" height="800"></iframe>
</body>
</html>