https://vijay.eu/tags/editor/Recent content in Editor on Vijay KodamHugo -- gohugo.ioenSun, 09 Mar 2025 23:44:00 +0300https://vijay.eu/projects/markdown-editor/Sun, 09 Mar 2025 23:44:00 +0300https://vijay.eu/projects/markdown-editor/<p>Generated using Claude Code agentic tool.</p> <div class="markdown-editor-container"> <div class="editor-toolbar"> <div class="toolbar-dropdown"> <button class="toolbar-btn dropdown-toggle" title="Headings">H</button> <div class="dropdown-menu"> <button class="toolbar-btn" data-action="heading1" title="Heading 1 (# text)" data-tag="# ">H1</button> <button class="toolbar-btn" data-action="heading2" title="Heading 2 (## text)" data-tag="## ">H2</button> <button class="toolbar-btn" data-action="heading3" title="Heading 3 (### text)" data-tag="### ">H3</button> <button class="toolbar-btn" data-action="heading4" title="Heading 4 (#### text)" data-tag="#### ">H4</button> <button class="toolbar-btn" data-action="heading5" title="Heading 5 (##### text)" data-tag="##### ">H5</button> <button class="toolbar-btn" data-action="heading6" title="Heading 6 (###### text)" data-tag="###### ">H6</button> </div> </div> <button class="toolbar-btn" data-action="bold" title="Bold (**text**)" data-tag="**">B</button> <button class="toolbar-btn" data-action="italic" title="Italic (*text*)" data-tag="*">I</button> <button class="toolbar-btn" data-action="strikethrough" title="Strikethrough (~~text~~)" data-tag="~~">S</button> <button class="toolbar-btn" data-action="link" title="Link ([text](url))" data-tag="[](url)">🔗</button> <button class="toolbar-btn" data-action="image" title="Image ()" data-tag="">🖼️</button> <div class="toolbar-dropdown"> <button class="toolbar-btn dropdown-toggle" title="Code">📝</button> <div class="dropdown-menu"> <button class="toolbar-btn" data-action="code" title="Inline Code (`code`)" data-tag="`">Inline</button> <button class="toolbar-btn" data-action="codeblock-js" title="JavaScript Code Block" data-tag="```javascript">JavaScript</button> <button class="toolbar-btn" data-action="codeblock-html" title="HTML Code Block" data-tag="```html">HTML</button> <button class="toolbar-btn" data-action="codeblock-css" title="CSS Code Block" data-tag="```css">CSS</button> <button class="toolbar-btn" data-action="codeblock-python" title="Python Code Block" data-tag="```python">Python</button> <button class="toolbar-btn" data-action="codeblock" title="Code Block" data-tag="```">No Language</button> </div> </div> <button class="toolbar-btn" data-action="blockquote" title="Blockquote (> text)" data-tag="> ">❝</button> <div class="toolbar-dropdown"> <button class="toolbar-btn dropdown-toggle" title="Lists">•</button> <div class="dropdown-menu"> <button class="toolbar-btn" data-action="unordered-list" title="Unordered List (- item)" data-tag="- ">Bullet List</button> <button class="toolbar-btn" data-action="ordered-list" title="Ordered List (1. item)" data-tag="1. ">Numbered List</button> <button class="toolbar-btn" data-action="task-list" title="Task List (- [ ] task)" data-tag="- [ ] ">Task List</button> </div> </div> <button class="toolbar-btn" data-action="hr" title="Horizontal Rule (---)" data-tag="---">―</button> <button class="toolbar-btn" data-action="table" title="Table (| header | header |)">📊</button> </div> <div class="editor-panels"> <div class="editor-panel"> <h3>Markdown</h3> <textarea id="markdown-input" placeholder="Type your markdown here..."></textarea> <div class="editor-status"> <span id="word-count">0 words</span> <span id="char-count">0 characters</span> <span id="cursor-position">Line: 1, Column: 1</span> </div> </div> <div class="editor-panel"> <h3>Preview</h3> <div id="markdown-preview"></div> </div> </div> </div> <p>Here is the cost and time it took to create this working code and testing it.</p> <pre tabindex="0"><code>&gt; /cost ⎿ Total cost: $1.01 Total duration (API): 5m 8.1s Total duration (wall): 31m 43.5s Total code changes: 713 lines added, 43 lines removed ⎿ Set editor mode to vim </code></pre><p>You just have to have clear requirements and what you want and LLMs are there to make it happen.</p>