Neiki's Code Editor v1.0.0

Initial stable release of Neiki's Code Editor — a lightweight embeddable code editor built as a vanilla JavaScript Web Component.

Added

• Web Component registration for <neiki-code-editor>.
• Shadow DOM based editor UI with isolated styling.
• Syntax highlighting for JavaScript, HTML, CSS, JSON and Markdown.
• Editable code area with native textarea behavior.
• Line numbers with active line indication.
• Built-in dark and light themes.
• Auto indentation for new lines.
• Tab key support with two-space indentation.
• Auto closing brackets for (), {}, [], "" and ''.
• Basic search functionality with previous and next navigation.
• Copy code button with visual feedback.
• Readonly mode for static code snippets.
• Responsive layout for desktop and mobile use.
• Optional minimap support.
• Optional fullscreen mode.
• Public component methods:
• getValue()
• setValue(value)
• focus()
• format()
• Public events:
• change
• focus
• blur
• Global API exposed as window.NeikiCodeEditor.
• Usage examples for markup-based and programmatic initialization.

CDN Usage

Recommended production build:

:::html
<script src="https://cdn.neiki.eu/neiki-code-editor/neiki-code-editor.min.js"></script>

Readable build:

:::html
<script src="https://cdn.neiki.eu/neiki-code-editor/neiki-code-editor.js"></script>

Optional external CSS:

:::html
<link rel="stylesheet" href="https://cdn.neiki.eu/neiki-code-editor/neiki-code-editor.css">