@@ -6,31 +6,35 @@ A lightweight, embeddable JavaScript code editor built on [Ace Editor](https://a
66
77---
88
9- ![ alt text ] ( images/home .png)
9+ ![ img1 ] ( image/README/img1 .png)
1010
1111## API Auto-Generated Test Cases
1212
13- ![ alt text ] ( images/example .gif)
13+ ![ img2 ] ( image/README/img2 .gif)
1414
1515## API Auto-Distinguish PCB and Schematic
1616
17- ![ alt text ] ( images/分区 .png)
17+ ![ img3 ] ( image/README/img3 .png)
1818
1919## Support Custom Completion & Edit Completion Parameters
2020
21- ![ alt text] ( images/补全.png )
21+ ![ img4] ( image/README/img4.png )
22+
23+ ## Three Built-in Styles and Custom Primitives
24+
25+ ![ img5] ( image/README/img5.gif )
2226
2327## HTML Online Preview with Path References
2428
25- ![ alt text ] ( images/预览 .png)
29+ ![ img6 ] ( image/README/img6 .png)
2630
2731## A Brand New Workflow-Based Plugin Development Approach
2832
2933![ alt text] ( images/工作流.png )
3034
3135## Features
3236
33- - ** Light and dark dual themes ** : Eye-friendly dark style, consistent with developer habits
37+ - ** Built-in themes and customization ** : Primitive styles support customization, all colors can be switched
3438- ** JavaScript syntax highlighting & intelligent autocompletion**
3539- ** Top scrollable function sidebar** (reserved for future extensions)
3640- ** Custom dictionary support** : Internal API can be injected for intelligent hints
@@ -73,34 +77,6 @@ editor.completers.push({
7377
7478Supports dynamic dictionary updates, suitable for internal SDKs or platform APIs.
7579
76- ## Development and Extension
77-
78- ### Adding New Function Buttons
79-
80- Dynamically insert buttons into the left sidebar (you can run the following code in the editor to test):
81-
82- ``` js
83- const li = document .createElement (' li' );
84- const btn = Object .assign (document .createElement (' button' ), {
85- textContent: ' Save' ,
86- style: ' width:80px;height:36px;background:#272822;color:white;border:1px solid #666;border-radius:4px;font-size:14px;cursor:pointer;' ,
87- });
88- btn .onclick = () => eda .sys_Message .showToastMessage (' Pretend to save the code' , ' info' , 1 );
89- document .querySelector (' #sidebar ul' ).appendChild (li).appendChild (btn);
90- ```
91-
92- ### Extension Suggestions
93-
94- - Add ** Clear** , ** Format** , ** Export** buttons
95- - Integrate ` localStorage ` for automatic code saving
96- - Replace ` eval() ` with a sandboxed execution environment (e.g., ` Function ` constructor)
97-
98- ## Notes
99-
100- - ** ` eval() ` Security Risk** : Only use in trusted environments (e.g., internal EDA tools)
101- - ** Worker Disabled** : Avoids CSP restriction issues in EDA iframes
102- - ** Path-Sensitive** : Resource paths must be ` /iframe/script/Ace_Editor/xxx.js ` (case-sensitive)
103-
10480## Open Source Dependencies
10581
10682### Runtime Dependencies (distributed with the extension)
@@ -141,8 +117,8 @@ JSZip uses a dual license `(MIT OR GPL-3.0-or-later)`, and this project chooses
141117
142118## License
143119
144- This project is released under the [ Apache-2.0] ( LICENSE ) license.
120+ This project is released under the [ Apache-2.0] ( LICENSE ) license.
145121The UI and integration code may be freely used for internal development.
146122
147- Made with ❤️ for EDA developers
123+ Made with ❤️ for EDA developers
148124Happy Coding!
0 commit comments