| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 |
- <!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>
- </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: 550px; margin: 20px"></div>
- <script type="module" src="/src/main.ts"></script>
- </body>
- </html>
|
