✨ feat: 添加 Ace 编辑器支持并优化样式

2026-04-11 20:42:59 +08:00
parent 31c676fc3a
commit 917ea78c66
2 changed files with 110 additions and 13 deletions
--- a/.copilot-temp/submit-ace-smoke.html
+++ b/.copilot-temp/submit-ace-smoke.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <title>Submit Ace Smoke</title>
+  <style>
+    body {
+      margin: 0;
+      padding: 24px;
+      background: #f4f7fb;
+      font-family: "Segoe UI", sans-serif;
+    }
+
+    #source {
+      width: 100%;
+      height: 320px;
+      border: 1px solid #d4d4d5;
+      border-radius: 6px;
+    }
+
+    #hide_source {
+      width: 100%;
+      height: 140px;
+      margin-top: 16px;
+    }
+  </style>
+</head>
+<body>
+  <pre id="source">#include &lt;bits/stdc++.h&gt;
+
+int main() {
+    return 0;
+}
+</pre>
+  <textarea id="hide_source"></textarea>
+  <script src="../web/ace/ace.js"></script>
+  <script src="../web/ace/ext-language_tools.js"></script>
+  <script>
+    ace.config.set('basePath', '../web/ace');
+    var sourceElement = document.getElementById('source');
+    var hiddenSourceElement = document.getElementById('hide_source');
+    var initialSourceCode = sourceElement ? (sourceElement.textContent || sourceElement.innerText || '') : '';
+    var editor = ace.edit('source');
+
+    editor.setTheme('ace/theme/xcode');
+    editor.setShowPrintMargin(false);
+    editor.setBehavioursEnabled(true);
+    editor.session.setUseWrapMode(true);
+    editor.session.setTabSize(4);
+    editor.session.setUseSoftTabs(true);
+    editor.setOptions({
+      enableBasicAutocompletion: true,
+      enableSnippets: true,
+      enableLiveAutocompletion: true,
+      fontSize: '18px'
+    });
+    editor.setValue(initialSourceCode, -1);
+
+    function syncEditorSource() {
+      if (hiddenSourceElement) {
+        hiddenSourceElement.value = editor.getValue();
+      }
+    }
+
+    editor.getSession().on('change', syncEditorSource);
+    syncEditorSource();
+    editor.getSession().setMode('ace/mode/c_cpp');
+    window.smokeEditor = editor;
+  </script>
+</body>
+</html>