被这个问题已经折磨了一天了, 最后写了一个最精简的 vditor 3.11.2, 但是实在是没有办法, 求助大佬!!
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" type="images/x-icon" href="../static/common/img/01.png">
<link rel="stylesheet" href="https://s4.zstatic.net/ajax/libs/vditor/3.11.2/index.min.css"/>
<script src="https://s4.zstatic.net/ajax/libs/vditor/3.11.2/index.min.js"></script>
<style>
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
line-height: 1.6;
color: #333;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 100vh;
padding: 20px;
}
#vditor {
border: 1px solid #ddd;
border-radius: 8px;
overflow: hidden;
}
</style>
<title>Vditor示例 - 独立前端</title>
</head>
<body>
<div id="vditor"></div>
<script>
// 初始化Vditor编辑器
let vditor;
function initVditor() {
vditor = new Vditor('vditor', {
height: 450,
theme: 'classic',
icon: 'material'
});
}
// 调用初始化函数
initVditor();
</script>
</body>
</html>
使用环境: (vditor 3.11.2 )
- 方式 1: edge 浏览器 + vscode(live server);
- 方式 2: edge (无痕模式) + vscode(live server);
页面显示如下:
问题:
无论使用什么方式, 都是一样的问题, 工具栏的 tips 就是不显示. 求大佬帮助!
欢迎来到这里！
我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。
注册 关于