也测试一下 memos 的嵌入

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
// markdown 文章主页面
<iframe id="memos_223" style="width:100%;height:500px;min-width:256px;" src="https://memos.onmicrosoft.cn/m/223/embed" frameBorder="0"></iframe>



<script>
(
function () {
// 接收从iframe发来的消息并获取高度
window.addEventListener('message', event => {
if (event.data.type === 'iframeHeight') {
// log
console.log('iframeHeight:', event.data)
memos_223.style.height = event.data.height + 'px'
}
})
}
)();
</script>


1
2
3
4
5
6
7
8
// memos 页面自定义js
setInterval(() => {
const height = window.document.body.offsetHeight
window.parent.postMessage({
type: 'iframeHeight',
height: height
}, '*')
}, 1000)

Code By ChatGPT.