CodeMirror v6によるZennのMarkdownエディタの作り方

2024/02/01 17 users Zenn Markdownエディタ ラッパーライブラリ

Zennでは、「記事」や「本のチャプター」のMarkdownエディタのベースにCodeMirrorというライブラリを使っています。これまではCodeMirrorのv5を使っていた（正確にはv5に依存するラッパーライブラリを使っていた）のですが、古いバージョンを使い続けるリスク解消と更なるエディタの拡張性を得るため、CodeMirrorのv6に... 続きを読む

Ace, CodeMirror, and Monaco: A Comparison of the Code Editors You Use in the Browser

2022/01/16 10 users Ace

I've been working on Replit for roughly six years now, and as the team has grown, I've focused on the IDE (what we call the workspace) portion of the product. Naturally, I was increasingly preoccupied with the code editor. While we've considered creating a code editor that meets our needs, the co... 続きを読む

自分に関係するGitHub Issueを一覧できるアプリを書いた | Web Scratch

2015/07/31 38 users Github Issue Web scratch アプリ

github-issue-teevという自分に関連するIssueを一覧するアプリをNW.jsで書きました。 機能 自分がAssignedされてるIssue一覧を表示 アプリ内でお気に入り登録したリポジトリのIssue一覧を表示 サイドバーにそのIssue内にある- [ ]のタスク一覧を表示 テキストエリアをCodeMirrorのエディタにすり替える機能 Cmd+e でトグルできます。 テキストエリ... 続きを読む

CodeMirrorでAutoCompleteする - Qiita

2014/11/14 22 users Qiita

JavaScriptで作られたエディタCodeMirrorで、こんな風に補完をしたい。 準備 まず以下のjsとcssを読み込む codemirror/lib/codemirror.js codemirror/lib/codemirror.css codemirror/addon/hint/show-hint.js codemirror/addon/hint/show-hint.css 同期的に補完... 続きを読む

WEB+DB PRESS用語統一ルール等を使った技術用語のLintをするCodeMirrorアドオンを書いた | Web Scratch

2014/10/20 23 users パーザ lint Web+DB Web scratch 少し

WZ EDITORの用語統一辞書 以前、WZ EDITORの用語統一辞書のパーサを書いていましたが、 これを少し改善してWEB+DB PRESS表記ルールが解釈できるようになったので、 これを使ってCodeMirrorにLint機能をつけてみたという話です。 WEB+DB PRESS用語統一ルール(WZEditor)のパーサを書いた | Web Scratch azu/wzeditor-word-... 続きを読む