old_project
/
linwitai-doc


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
							<!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 changeTheme() {
            document.body.style.background = isDark ? "" : "#1a1b1e"
            document.querySelector("#title").style.color = isDark ? "" : "#eee"
            aiEditor.changeTheme();
            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");
            }
        }
    </script>
        <style>
            .aie-theme-light {
                --my-default-color: #fafafa;
            }

            .aie-theme-dark {
                --my-default-color: #333;
            }

            .aie-container div.default{
                background: var(--my-default-color);
            }
        </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="changeTheme()">切换主题</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>