<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="referrer" content="no-referrer">
<title>yuque编辑器</title>
<link rel="stylesheet" type="text/css" href="https://gw.alipayobjects.com/render/p/yuyan_npm/@alipay_lakex-doc/1.12.0/umd/doc.css"/>
<link rel="stylesheet" type="text/css" href="https://unpkg.com/antd@4.24.13/dist/antd.css"/>
</head>
<body>
<div id="root" class="ne-doc-major-viewer"></div>
<script crossorigin src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>
<script src="https://gw.alipayobjects.com/render/p/yuyan_npm/@alipay_lakex-doc/1.13.0/umd/doc.umd.js"></script>
<script>
const { createOpenViewer } = window.Doc;
// 创建阅读器
const viewer = createOpenViewer(document.getElementById('root'), {
});
// 设置内容
const a = '<p data-lake-id="u232bb8a3" id="u232bb8a3"><card type="inline" name="file" value="data:%7B%22src%22%3A%22https%3A%2F%2Fpgz-dzdsgl-fastly.shidongvr.com%2Fprofile%2Fupload%2F2023%2F12%2F22%2F266e2aa5-79f7-45ec-b5eb-7e7a474338e8.zip%22%2C%22name%22%3A%22https%3A%2F%2Fpgz-dzdsgl-fastly.shidongvr.com%2Fprofile%2Fupload%2F2023%2F12%2F22%2F266e2aa5-79f7-45ec-b5eb-7e7a474338e8.zip%22%2C%22size%22%3A16577%2C%22ext%22%3A%22zip%22%2C%22source%22%3A%22%22%2C%22status%22%3A%22done%22%2C%22download%22%3Atrue%2C%22taskId%22%3A%22ue9471b1c-ec8e-458c-a63d-73b2dd77bca%22%2C%22taskType%22%3A%22upload%22%2C%22type%22%3A%22application%2Fzip%22%2C%22__spacing%22%3A%22both%22%2C%22id%22%3A%22u75450d76%22%2C%22margin%22%3A%7B%22top%22%3Atrue%2C%22bottom%22%3Atrue%7D%7D" style="color: rgb(255, 111, 4),rgb(243, 48, 171)"></card><span data-lake-id="ua08a6b13" id="ua08a6b13" style="color: rgb(255, 111, 4),rgb(243, 48, 171)">欢迎来到yuque编辑器</span></p>'
viewer.setDocument('text/lake', a);
</script>
</body>
</html>
预览