Skip to content

Commit 01092a9

Browse files
JamAnNaJamAnNa
committed
统一样式，删除部分冗余代码
1 parent 4754579 commit 01092a9

6 files changed

Lines changed: 162 additions & 245 deletions

File tree

‎iframe/main/index.html‎

Lines changed: 44 additions & 73 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,6 @@
55
<title>Ace Editor - EDA V2.3.1</title>
66
<link id="theme-light" rel="stylesheet" href="/iframe/style/body-light.css" disabled />
77
<link id="theme-dark" rel="stylesheet" href="/iframe/style/body-dark.css" />
8-
<!-- 风格文件 -->
98
<link rel="stylesheet" href="/iframe/script/SweetAlert2/sweetalert2.min.css" />
109
</head>
1110
<body>
@@ -23,19 +22,15 @@
2322
<li><button id="SaveinLeft-btn">保存到列表</button></li>
2423
<li><button id="Ext-btn">插件管理</button></li>
2524
<li><button id="ai-btn">AI编程</button></li>
26-
<!-- <li><button id="example-btn" style="display: none;">案例</button></li>
27-
<li><button id="about-btn" style="display: none;">关于</button></li> -->
2825
</ul>
2926
</div>
3027
<div id="editor-container">
3128
<div id="editor"></div>
3229
</div>
3330
<!-- 右侧 AI 聊天窗口 -->
3431
<div id="ai-chat" style="display: none">
35-
<!-- 1. 顶部标题栏：包含模型名称和设置齿轮 -->
3632
<div class="ai-chat-header">
3733
<span class="ai-chat-title" id="ai-model-name">GPT-4 Model</span>
38-
<!-- 设置齿轮图标 (使用 SVG 或 Unicode，这里用 SVG 更精致) -->
3934
<button class="ai-chat-settings-btn" id="ai-settings-trigger" title="聊天设置">
4035
<svg
4136
xmlns="http://www.w3.org/2000/svg"
@@ -55,23 +50,19 @@
5550
</svg>
5651
</button>
5752
</div>
58-
<!-- 2. 中间消息列表区域 -->
5953
<div class="ai-chat-content" id="ai-chat-list">
60-
<!-- 欢迎语 -->
6154
<div class="ai-message ai-message-system">
6255
<div class="ai-message-bubble">你好！我是你的 AI 编程助手。有什么可以帮你的吗？</div>
6356
</div>
64-
<!-- 动态消息会插入到这里 -->
6557
</div>
66-
<!-- 3. 底部输入框区域 -->
6758
<div class="ai-chat-footer">
6859
<textarea id="ai-input" placeholder="输入代码问题或指令... (Shift+Enter 换行)" rows="1"></textarea>
6960
<button id="ai-send-btn">发送</button>
7061
</div>
7162
</div>
7263
</div>
7364

74-
<!-- Ace 插件资源等 -->
65+
<!-- Ace 核心 -->
7566
<script src="/iframe/script/Ace_Editor/ace.js"></script>
7667
<script src="/iframe/script/Ace_Editor/ext-language_tools.js"></script>
7768
<script src="/iframe/script/Ace_Editor/mode-javascript.js"></script>
@@ -81,137 +72,117 @@
8172
<script src="/iframe/script/Ace_Editor/ext-themelist.js"></script>
8273
<script src="/iframe/script/Ace_Editor/ext-settings_menu.js"></script>
8374
<script src="/iframe/script/Ace_Editor/ext-prompt.js"></script>
84-
<script src="/iframe/script/Js_beautify/beautify-css.min.js"></script>
85-
<script src="/iframe/script/Js_beautify/beautify.min.js"></script>
86-
<script src="/iframe/script/Js_beautify/beautify-html.min.js"></script>
87-
<!-- <script src="/iframe"></script> -->
88-
<!-- 以下全都是ACE的风格文件，如果有需要可以自己添加 东西都在Ace_Editor文件夹里-->
75+
<!-- Ace 主题 -->
8976
<script src="/iframe/script/Ace_Editor/theme-monokai.js"></script>
9077
<script src="/iframe/script/Ace_Editor/theme-github.js"></script>
91-
<!-- 一些编辑器支持 -->
92-
<script src="/iframe/script/User_config/Ai_Chat.js"></script>
93-
<script src="/iframe/script/eda_coder/EDA_Codes.js"></script>
94-
<script src="/iframe/script/User_config/ACE_Config.js"></script>
95-
<script src="/iframe/script/User_config/Code_Config.js"></script>
96-
<!-- SweetAlert JS模态框资源 -->
78+
<script src="/iframe/script/Ace_Editor/theme-ambiance.js"></script>
79+
<script src="/iframe/script/Ace_Editor/theme-chaos.js"></script>
80+
<script src="/iframe/script/Ace_Editor/theme-chrome.js"></script>
81+
<script src="/iframe/script/Ace_Editor/theme-clouds.js"></script>
82+
<script src="/iframe/script/Ace_Editor/theme-clouds_midnight.js"></script>
83+
<script src="/iframe/script/Ace_Editor/theme-cobalt.js"></script>
84+
<script src="/iframe/script/Ace_Editor/theme-crimson_editor.js"></script>
85+
<script src="/iframe/script/Ace_Editor/theme-dreamweaver.js"></script>
86+
<!-- 代码格式化 -->
87+
<script src="/iframe/script/Js_beautify/beautify.min.js"></script>
88+
<script src="/iframe/script/Js_beautify/beautify-css.min.js"></script>
89+
<script src="/iframe/script/Js_beautify/beautify-html.min.js"></script>
90+
<!-- SweetAlert2 模态框 -->
9791
<script src="/iframe/script/SweetAlert2/sweetalert2@11.js"></script>
98-
<!-- 工具类 -->
92+
<!-- 工具库 -->
9993
<script src="/iframe/script/eext_tool/jszip.min.js"></script>
100-
<!-- 文件解压 -->
10194
<script src="/iframe/script/eext_tool/highlight.min.js"></script>
102-
<!-- AI语法高亮 -->
10395
<script src="/iframe/script/eext_tool/marked.min.js"></script>
104-
<!-- MD语法解析 -->
96+
<!-- 应用逻辑 -->
97+
<script src="/iframe/script/eda_coder/EDA_Codes.js"></script>
98+
<script src="/iframe/script/User_config/Ai_Chat.js"></script>
99+
<script src="/iframe/script/User_config/ACE_Config.js"></script>
100+
<script src="/iframe/script/User_config/Code_Config.js"></script>
105101
<script>
106-
//初始化Ace 编辑器
107-
const settingsMenu = ace.require('ace/ext/settings_menu');
108102
const editor = ace.edit('editor');
109103
ACE_Init(editor);
110104

111-
//加载上次关闭时的缓存
105+
// 加载上次关闭时的缓存（|| '' 防止 null/undefined 写入编辑器）
112106
const HistoryCode = eda.sys_Storage.getExtensionUserConfig('editor_value');
113-
editor.setValue(HistoryCode);
107+
editor.setValue(HistoryCode || '', -1);
114108

115-
// 注册放大缩小代码支持
109+
// 注册 Ctrl+滚轮缩放字体
116110
let currentFontSize = 14;
117111
ACE_ChangeCodeSize(editor, currentFontSize, showToast);
118112

119-
//注册EDA智能补全
113+
// 注册 EDA 智能补全
120114
ACE_CodingForEDA(editor, edcode);
121115

122-
//自动缓存
116+
// 自动缓存编辑器内容
123117
editor.session.on('change', function () {
124118
eda.sys_Storage.setExtensionUserConfig('editor_value', editor.getValue());
125119
});
126120

127-
//获取当前编辑器主题
121+
// 初始化主题
128122
const light_theme = document.getElementById('theme-light');
129123
const dark_theme = document.getElementById('theme-dark');
130124
GetTheme(editor, light_theme, dark_theme);
131125

132-
//获取按钮状态
126+
// 初始化 AI 按钮状态
133127
GetVibeCodingConfig();
134128

135-
//扫描插件并执行
129+
// 加载并执行已保存插件
136130
ExtStore_LoadAndRunAllPlugins();
137-
//加载按钮到左侧
131+
// 加载快捷按钮列表
138132
Code_LoadBtnListFromDB(editor);
139133

140-
//保存代码到左侧列表
134+
// 注册右键跳转文档
135+
const methodList = edcode.map((item) => item.methodPath);
136+
injectContextMenuJumpToDocs(editor, methodList);
137+
138+
// 按钮事件绑定
141139
document.getElementById('SaveinLeft-btn').addEventListener('click', () => {
142140
Code_SaveToBtnList(editor);
143141
});
144-
//格式化代码
145142
document.getElementById('formatEditorCode-btn').addEventListener('click', () => {
146143
formatEditorCode(editor);
147144
});
148-
// 运行代码
149145
document.getElementById('run-btn').addEventListener('click', () => {
150146
ACE_RunCode(editor);
151147
});
152-
// 开启AI辅助支持
153148
document.getElementById('ai-btn').addEventListener('click', () => {
154149
SetVibeCodingConfig();
155150
});
156-
// 保存代码
157-
document.getElementById('save-btn').addEventListener('click', async () => {
158-
// await eda.sys_Message.showToastMessage('这个还没写', 'info', 1);
151+
document.getElementById('save-btn').addEventListener('click', () => {
159152
Code_SaveCode(editor);
160153
});
161-
//加载代码
162-
document.getElementById('load-btn').addEventListener('click', async () => {
163-
// await eda.sys_Message.showToastMessage('这个还没写', 'info', 1);
154+
document.getElementById('load-btn').addEventListener('click', () => {
164155
Code_OpenLoadWindow(editor);
165156
});
166-
//编辑器设置
167-
document.getElementById('setting-btn').addEventListener('click', async () => {
168-
// await eda.sys_Message.showToastMessage('这个还没写');
157+
document.getElementById('setting-btn').addEventListener('click', () => {
169158
SetTheme(editor, light_theme, dark_theme);
170159
});
171-
//删除代码
172-
document.getElementById('delete-btn').addEventListener('click', async () => {
173-
// await eda.sys_Message.showToastMessage('这个还没写', 'info', 1);
160+
document.getElementById('delete-btn').addEventListener('click', () => {
174161
eda.sys_Message.showToastMessage('注意，这玩意不会问你是否删除，点一下立马删，三思而后行', 'warn', 3);
175162
Code_OpenDeleteWindow(editor);
176163
});
177-
//导入JS文件
178-
document.getElementById('import-btn').addEventListener('click', async () => {
164+
document.getElementById('import-btn').addEventListener('click', () => {
179165
ImportFile(editor);
180166
});
181-
//导出JS文件
182-
document.getElementById('export-btn').addEventListener('click', async () => {
167+
document.getElementById('export-btn').addEventListener('click', () => {
183168
ExportFileForJs(editor.getValue(), Date() + '_script.js');
184169
});
185-
//保存到插件
186-
document.getElementById('Ext-btn').addEventListener('click', async () => {
170+
document.getElementById('Ext-btn').addEventListener('click', () => {
187171
showPluginManagerModal(editor);
188172
});
189-
//注册文件跳转支持
190-
const methodList = edcode.map((item) => item.methodPath); // 保留 'eda.XXX'
191-
injectContextMenuJumpToDocs(editor, methodList);
192-
/*================================== 以下为快捷键绑定配置 ===============================================================*/
193-
//绑定运行快捷键
173+
174+
// 快捷键绑定
194175
document.addEventListener('keydown', function (event) {
195176
if ((event.ctrlKey || event.metaKey) && event.key === 'Enter') {
196177
ACE_RunCode(editor);
197178
}
198179
});
199-
//绑定保存快捷键
200180
document.addEventListener('keydown', function (e) {
201181
if ((e.ctrlKey || e.metaKey) && e.key === 's') {
202182
e.preventDefault();
203183
Code_SaveCode(editor);
204184
}
205185
});
206186
</script>
207-
<!-- 一些资源文件 这些都不是必要的 删除也没什么影响 只不过用户也许会换主题所以放进来-->
208-
<script src="/iframe/script/Ace_Editor/theme-ambiance.js"></script>
209-
<script src="/iframe/script/Ace_Editor/theme-chaos.js"></script>
210-
<script src="/iframe/script/Ace_Editor/theme-chrome.js"></script>
211-
<script src="/iframe/script/Ace_Editor/theme-clouds.js"></script>
212-
<script src="/iframe/script/Ace_Editor/theme-clouds_midnight.js"></script>
213-
<script src="/iframe/script/Ace_Editor/theme-cobalt.js"></script>
214-
<script src="/iframe/script/Ace_Editor/theme-crimson_editor.js"></script>
215-
<script src="/iframe/script/Ace_Editor/theme-dreamweaver.js"></script>
216187
</body>
217188
</html>

0 commit comments

Comments
 (0)