codemirrorの検索結果1 - 5 件 / 5件

• あとで読む

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

  • 41 users
  • zenn.dev/team_zenn
  • テクノロジー
  • 2024/02/01

  Zennでは、「記事」や「本のチャプター」のMarkdownエディタのベースにCodeMirrorというライブラリを使っています。これまではCodeMirrorのv5を使っていた（正確にはv5に依存するラッパーライブラリを使っていた）のですが、古いバージョンを使い続けるリスク解消と更なるエディタの拡張性を得るため、CodeMirrorのv6にアップグレードすることにしました。 本記事では、CodeMirror v6の基本的な知識部分から、ZennのMarkdownエディタを実装するまでのカスタマイズ方法を紹介します。 CodeMirrorの基礎知識 はじめに CodeMirrorはWeb上にコードエディタを実装するためのライブラリです。標準で多くのプログラミング言語に対応したシンタックスハイライトや入力補完、折りたたみ、キーマップ、マルチカーソルなど、モダンなコードエディタに必要な機能を備

  • codemirror
  • markdown
  • editor
  • あとで読む
  • React
  • JavaScript
  • article

  
• あとで読む

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

  • 29 users
  • blog.replit.com
  • テクノロジー
  • 2022/01/16

  EngInfraAce, CodeMirror, and Monaco: A Comparison of the Code Editors You Use in the Browser 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 complexity i

  • editor
  • JavaScript
  • article
  • browser
  • library

  
• あとで読む

  2022-06-28のJS: ECMAScript 2022、TypeScript 4.8 Beta、CodeMirror 6

  • 5 users
  • jser.info
  • テクノロジー
  • 2022/06/28

  
  JSer.info #598 - ECMAScript 2022が、2022-06のEcma International GA(総会)で承認され、正式にリリースされました。 Ecma International approves new standards - Ecma International ES2022では、クラスにPublic/Privateクラスフィールド、Top-Level await、StringとArrayにat()、Error Causeなどが追加されています。追加された機能については、次の記事で解説されています。 Ecma International approves ECMAScript 2022: What’s new? 正式仕様リリース！ JavaScriptの最新仕様ES2022で追加された﹁全﹂新機能 また、同じくJavaScriptの入門書であるjspri
  

  • JavaScript
  • ブラウザ最新動向
  • Web標準
  • TypeScript
  • techfeed
  • tech
  • ニュース
  • web

  
• あとで読む

  Draft.js と Slate.js と CodeMirror の感想

  • 3 users
  • r7kamura.com
  • 世の中
  • 2019/12/10

  
  幾つかの Web サービスや Electron ベースのアプリに組み込むエディタを実装するにあたって、Draft.js、Slate.js、CodeMirror を試してきて得た情報について、個人の感想を述べる。今更感があるので、ライブラリそのものについての解説はしない。 冒頭で挙げている三つのライブラリの中では、単純に Server-Side Rendering してもエラーを出さず、普通に動くところが良かった。単純に動かないタイプのライブラリでは、例えば React ではライフサイクルイベントのコールバックである ComponentDidMount メソッドを利用するなどして、クライアントサイドのみでエディタが描画されるように工夫しなければならない。 Draft.js でエディタのスタイルを変更するには、Decorator という、描画前の内部データを DOM 要素へと変換する変換器を与
  

  
• あとで読む

  CodeMirror 6.0

  • 3 users
  • marijnhaverbeke.nl
  • テクノロジー
  • 2022/06/08

  CodeMirror 6 is a new code editor library for the web, a from-scratch implementation based on the experience of building and maintaining versions 1 to 5 for the past 13 years. It aims to be more extensible and accessible than previous versions. As of today, version 6.0 is stable. Going forward, probably at least several years, all new releases will be under the 6 major version, and be backwards co

  • library
  • JavaScript