修正错误的iframe资源引入导致的报错问题，隐藏编辑器的滚动条

Author: JamAnNa

CHANGELOG.md

@@ -1,3 +1,10 @@
+# 2.2.1
+
+## 优化
+
+1. 删除了编辑器的滚动条
+2. 修复了引入资源路径错误导致的报错
+
 # 2.1.4
 
 ## 优化

extension.json

@@ -3,7 +3,7 @@
 	"uuid": "7ca98ae04b7142599ab107e34acc8e5e",
 	"displayName": "嘉立创EDA代码编辑器",
 	"description": "支持中文联想的EDA脚本代码编辑器，支持代码高亮、自动补全、函数提示，AI注释，AI报错分析等功能。",
-	"version": "2.1.4",
+	"version": "2.2.1",
 	"publisher": "嘉立创EDA",
 	"engines": {
 		"eda": "^2.2.0"

iframe/main/index.html

@@ -49,7 +49,7 @@
 		<!-- 以下全都是ACE的风格文件，如果有需要可以自己添加 东西都在Ace_Editor文件夹里-->
 		<script src="/iframe/script/Ace_Editor/theme-monokai.js"></script>
 		<script src="/iframe/script/Ace_Editor/theme-github.js"></script>
-		<!-- 一些编辑器支持 不想每个都写注释了 自己跳进去看吧 -->
+		<!-- 一些编辑器支持 -->
 		<script src="/iframe/script/User_config/message.js"></script>
 		<script src="/iframe/script/eda_coder/EDA_Codes.js"></script>
 		<script src="/iframe/script/User_config/ACE_Config.js"></script>

iframe/style/body-dark.css

@@ -8,48 +8,37 @@ html,
 body {
 	height: 100%;
 	overflow: hidden;
-	background: #272822;
-	/* 与编辑器背景一致 */
+	background: #272822; /* Monokai 背景色 */
 }
 
 #app {
 	display: flex;
 	height: 100vh;
 }
 
-/* 左侧可滚动侧边栏 */
+/* 左侧侧边栏 */
 #sidebar {
 	width: 120px;
 	background: #272822;
-	/* Monokai 背景色 */
 	color: white;
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	padding-top: 16px;
 	border-right: 1px solid #444;
-	overflow-y: auto;
-	/* 允许垂直滚动 */
-	scrollbar-width: thin;
-	/* Firefox */
-	scrollbar-color: #555 #272822;
-}
+	overflow-y: auto; /* 允许滚动 */
 
-/* 隐藏默认滚动条（可选美化） */
-#sidebar::-webkit-scrollbar {
-	width: 6px;
+	/* 完全隐藏滚动条（视觉上），但保留滚动功能 */
+	scrollbar-width: none; /* Firefox */
+	-ms-overflow-style: none; /* IE/Edge */
 }
 
-#sidebar::-webkit-scrollbar-track {
-	background: #272822;
-}
-
-#sidebar::-webkit-scrollbar-thumb {
-	background: #555;
-	border-radius: 3px;
+/* 隐藏 WebKit 滚动条 */
+#sidebar::-webkit-scrollbar {
+	display: none;
 }
 
-/* 列表项样式 */
+/* 列表与按钮样式 */
 #sidebar ul {
 	list-style: none;
 	width: 100%;
@@ -67,9 +56,7 @@ body {
 	width: 80px;
 	height: 36px;
 	background: #272822;
-	/* 与背景融合 */
 	color: white;
-	/* 文字白色 */
 	border: 1px solid #666;
 	border-radius: 4px;
 	font-size: 14px;
@@ -95,17 +82,21 @@ body {
 	width: 100%;
 	position: relative;
 }
-#sidebar {
-	overflow-y: auto;
-}
 
-/* WebKit (Chrome, Safari) */
-#sidebar::-webkit-scrollbar {
-	display: none;
+/* === 隐藏 Ace 编辑器滚动条=== */
+#editor .ace_scrollbar {
+	opacity: 0 !important;
+	pointer-events: none !important;
 }
 
-/* Firefox */
-#sidebar {
-	scrollbar-width: none;
+#editor,
+#editor .ace_scroller {
+	scrollbar-width: none !important;
+	-ms-overflow-style: none !important;
 }
 
+#editor::-webkit-scrollbar,
+#editor .ace_scroller::-webkit-scrollbar,
+#editor .ace_scrollbar::-webkit-scrollbar {
+	display: none !important;
+}

iframe/style/body-light.css

@@ -8,44 +8,36 @@ html,
 body {
 	height: 100%;
 	overflow: hidden;
-	background: #f6f8fa; /* 可选：与浅色侧边栏统一，也可保留原色。这里建议同步 */
+	background: #f6f8fa;
 }
 
 #app {
 	display: flex;
 	height: 100vh;
 }
 
-/* 左侧可滚动侧边栏 —— 改为浅色 */
+/* 左侧侧边栏 —— 浅色，隐藏滚动条 */
 #sidebar {
 	width: 120px;
-	background: #f6f8fa; /* 浅灰背景 */
-	color: #24292f; /* 深灰文字 */
+	background: #f6f8fa;
+	color: #24292f;
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	padding-top: 16px;
-	border-right: 1px solid #d0d7de; /* 浅灰边框 */
+	border-right: 1px solid #d0d7de;
 	overflow-y: auto;
-	scrollbar-width: thin;
-	scrollbar-color: #adbac7 #f6f8fa; /* thumb + track */
-}
-
-/* 滚动条 - WebKit */
-#sidebar::-webkit-scrollbar {
-	width: 6px;
-}
 
-#sidebar::-webkit-scrollbar-track {
-	background: #f6f8fa;
+	/* 隐藏滚动条 */
+	scrollbar-width: none; /* Firefox */
+	-ms-overflow-style: none; /* IE/Edge */
 }
 
-#sidebar::-webkit-scrollbar-thumb {
-	background: #adbac7;
-	border-radius: 3px;
+#sidebar::-webkit-scrollbar {
+	display: none; /* WebKit */
 }
 
-/* 列表项样式 */
+/* 列表与按钮 */
 #sidebar ul {
 	list-style: none;
 	width: 100%;
@@ -59,7 +51,6 @@ body {
 	padding: 8px 0;
 }
 
-/* 按钮*/
 #sidebar button {
 	width: 80px;
 	height: 36px;
@@ -75,11 +66,11 @@ body {
 }
 
 #sidebar button:hover {
-	background: #eaeef5; /* hover 浅蓝灰 */
+	background: #eaeef5;
 	border-color: #8c959e;
 }
 
-/* 右侧编辑器区域 —— 完全不动 */
+/* 右侧编辑器区域 */
 #editor-container {
 	flex: 1;
 	height: 100%;
@@ -90,16 +81,19 @@ body {
 	height: 100%;
 	width: 100%;
 }
-#sidebar {
-	overflow-y: auto;
-}
 
-/* WebKit (Chrome, Safari) */
-#sidebar::-webkit-scrollbar {
-	display: none;
-}
-
-/* Firefox */
-#sidebar {
-	scrollbar-width: none;
+/* 隐藏 Ace 编辑器滚动条 */
+#editor .ace_scrollbar {
+	opacity: 0 !important;
+	pointer-events: none !important;
+}
+#editor,
+#editor .ace_scroller {
+	scrollbar-width: none !important;
+	-ms-overflow-style: none !important;
+}
+#editor::-webkit-scrollbar,
+#editor .ace_scroller::-webkit-scrollbar,
+#editor .ace_scrollbar::-webkit-scrollbar {
+	display: none !important;
 }