64 lines
2.2 KiB
HTML
64 lines
2.2 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8"/>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||
<title>AiEditor Demo</title>
|
||
<script>
|
||
let isDark = false;
|
||
function dark() {
|
||
if (!isDark) {
|
||
document.body.style.background = "#1a1b1e"
|
||
document.querySelector("#title").style.color = "#eee"
|
||
document.querySelector("#aiEditor").classList.remove("aie-theme-light");
|
||
document.querySelector("#aiEditor").classList.add("aie-theme-dark");
|
||
} else {
|
||
document.body.style.background = ""
|
||
document.querySelector("#title").style.color = ""
|
||
document.querySelector("#aiEditor").classList.remove("aie-theme-dark");
|
||
document.querySelector("#aiEditor").classList.add("aie-theme-light");
|
||
}
|
||
isDark = !isDark;
|
||
}
|
||
|
||
function changeLang(){
|
||
const lang = localStorage.getItem("lang");
|
||
if (!lang || lang === "zh"){
|
||
aiEditor.changeLang("en");
|
||
localStorage.setItem("lang","en");
|
||
}else {
|
||
aiEditor.changeLang("zh");
|
||
localStorage.setItem("lang","zh");
|
||
}
|
||
}
|
||
|
||
var _hmt = _hmt || [];
|
||
(function () {
|
||
var hm = document.createElement("script");
|
||
hm.src = "https://hm.baidu.com/hm.js?9fd447a0f9e62a84d1b752a2cacb2c6b";
|
||
var s = document.getElementsByTagName("script")[0];
|
||
s.parentNode.insertBefore(hm, s);
|
||
})();
|
||
</script>
|
||
<!-- <style>-->
|
||
<!-- .aie-content {-->
|
||
<!-- font-size: 18px;-->
|
||
<!-- }-->
|
||
<!-- </style>-->
|
||
</head>
|
||
<body>
|
||
|
||
|
||
<div style="padding: 10px 20px;font-size: 30px" id="title">
|
||
AiEditor，一个面向 AI 的下一代富文本编辑器。
|
||
<a href="https://gitee.com/aieditor-team/aieditor" target="_blank">获取源码</a>
|
||
<a href="https://aieditor.dev" target="_blank">访问官网</a>
|
||
<button onclick="dark()">切换主题</button>
|
||
<button onclick="changeLang()">切换语言</button>
|
||
</div>
|
||
|
||
<div id="aiEditor" style="height: 450px; margin: 20px"></div>
|
||
<script type="module" src="/src/main.ts"></script>
|
||
</body>
|
||
</html>
|