🧑‍💻 Ace Code Editor for EDA

一个轻量级、可嵌入的 JavaScript 代码编辑器，基于 Ace Editor 构建，专为 EDA（Embedded Development Assistant） 环境设计。支持语法高亮、智能补全、自定义词库和一键运行代码。

---

支持中文联想补全EDA的函数和方法 支持配置类似CC的AI智能补全和注释(需自己配置后端) 支持AI分析报错原因并给出解决方案(需自己配置后端)

✨ 特性

• ✅ Monokai 主题：护眼暗色风格，与开发者习惯一致
• ✅ JavaScript 语法高亮 & 智能补全
• ✅ 左侧可滚动功能侧边栏（预留扩展位）
• ✅ “运行”按钮：直接 eval() 执行编辑器中的代码
• ✅ 自定义词库支持：可注入内部 API（如 huborui）实现智能提示
• ✅ 零依赖动态加载：所有资源静态引用，无需网络请求
• ✅ 响应式布局：适配 iframe 嵌入场景

---

📁 目录结构

/iframe/
└── script/
    └── Ace_Editor/          # Ace 核心资源（必须部署到此路径）
        ├── ace.js
        ├── ext-language_tools.js
        ├── mode-javascript.js
        ├── theme-monokai.js
        └── worker-javascript.js (可选)
└── main/
    └── index.html           # 本编辑器主页面

⚠️ 确保 Ace_Editor/ 文件夹已完整上传至 EDA 服务器的 /iframe/script/ 目录。

---

🚀 快速开始

1. 部署资源
   将 Ace_Editor 文件夹（包含至少 ace.js, ext-language_tools.js, mode-javascript.js, theme-monokai.js）上传到：

   https://eda.huborui.cn/iframe/script/Ace_Editor/
   

2. 访问编辑器
   打开：

   https://eda.huborui.cn/iframe/main/index.html
   

3. 编写并运行代码

   • 在右侧编辑器输入 JavaScript 代码
   • 点击左侧 “运行” 按钮执行
   • 结果输出到浏览器控制台（Console）

---

🔧 自定义词库（API 智能提示）

在 index.html 的初始化脚本中添加自定义补全规则：

// 示例：添加 huborui 平台 API 词库
const customWords = ['huborui', 'runTask', 'fetchData', 'saveResult'];

const customCompleter = {
	getCompletions(editor, session, pos, prefix, callback) {
		if (prefix.length < 1) return callback(null, []);
		const completions = customWords
			.filter((w) => w.toLowerCase().startsWith(prefix.toLowerCase()))
			.map((w) => ({ caption: w, value: w, meta: 'api' }));
		callback(null, completions);
	},
};

editor.completers.push(customCompleter);

💡 支持动态更新词库，适用于内部 SDK 或平台 API。

---

🛠 开发与扩展

添加新功能按钮

在左侧侧边栏动态插入按钮（可在编辑器中运行以下代码测试）：

const li = document.createElement('li');
const btn = Object.assign(document.createElement('button'), {
	textContent: '保存',
	style: 'width:80px;height:36px;background:#272822;color:white;border:1px solid #666;border-radius:4px;font-size:14px;cursor:pointer;',
});
btn.onclick = () => console.log('保存逻辑...');
document.querySelector('#sidebar ul').appendChild(li).appendChild(btn);

扩展建议

• 添加 清空、格式化、导出 按钮
• 集成 localStorage 实现代码自动保存
• 替换 eval() 为沙箱执行环境（如 Function 构造器）

---

⚠️ 注意事项

• eval() 安全风险：仅限可信环境使用（如内部 EDA 工具）
• Worker 已禁用：避免 EDA iframe 中的 CSP 限制问题
• 路径敏感：资源路径必须为 /iframe/script/Ace_Editor/xxx.js（区分大小写）

---

📄 许可证

本项目基于 Ace Editor 构建，遵循其开源协议（BSD License）。
UI 和集成代码可自由用于内部开发。

---

Made with ❤️ for EDA developers
✨ Happy Coding!