BlockNote - Javascript Block-Based React rich text editor
The open source Block-Based rich text editorA beautiful text editor that just works. Easily add an editor to your app that users will love. Customize it with your own functionality like custom blocks or AI tooling. Why BlockNote?Whether you want extensive customization or a great out-of-the-box experience, BlockNote has you covered:
Editor.js
Editor.js provides maximum power for developers and products staying focused on the end-user experience
ProseMirrorで作るちょっとだけリッチなテキストエディタ | 株式会社ヌーラボ(Nulab inc.)
はじめに Backlogは昨年（2021年）メンション機能を導入しました。本文中に他のユーザーの名前を書くと、相手に通知が送られるというものです。それにともないこのメンション機能が使える箇所で使うテキスト編集コンポーネント（以下、エディタ）を作り直しました。 編集中のテキストに含まれるメンションを、見た目的にもデータ的にも通常のテキストとは異なるものとして扱えるようにするためです。 Backlogの以前のエディタはtextarea要素で実装されていました。textarea要素はプレーンなテキストしか扱えず、テキストの一部を太字にするとか背景色をつけるといった機能はありません。 ブラウザ上でテキストエディタを実装する手段には、textareaのほかにcontenteditable属性をtrueにした要素を使う選択肢もあります。この場合はHTMLの表現力が使えるのでメンションの表示をいい感じに
ProseMirror Guide(日本語訳)
この記事は、リッチテキストエディタを構築するためのツールキットを提供するProseMirrorのライブラリガイドを日本語訳した記事です。 製作者の許諾を得て翻訳・公開いたします。 原文： https://prosemirror.net/docs/guide/ 原著者： Marijn Haverbeke このガイドでは、ライブラリで使われているさまざまな概念と、それらの相互関係について説明します。システムの全体像を把握するためには、少なくともビューコンポーネントのセクションまでは提示された順序で通して読むことをお勧めします。 Introduction ProseMirrorはリッチテキストエディタを構築するためのツールとコンセプトの両方を提供します。 what-you-see-is-what-you-getに触発されたUIを使用しつつ、その編集スタイルの落とし穴を避けることを目指しています。
ProseMirror
Rich content editors should, ideally, produce clean, semantically meaningful documents while still being easy for users to understand. ProseMirror tries to bridge the gap between editing explicit, unambiguous content like Markdown or XML, and classical WYSIWYG editors. It does this by implementing a WYSIWYG-style editing interface for documents more constrained and structured than plain HTML. You
リモートモブプログラミングをVisual Studio Live Shareを使ってやってみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ 3月からリモートワーク&週末の外出自粛でずっと家に引きこもっているぜんちゃんです。 （流行りに乗ってどうぶつの森を買いました(^_^)v） コロナの影響で世の中の大半のイベントが中止、週末も外出自粛となると、休日に予定がない……やることがない………ってなりますよね。 そんなときおすすめしたいのが…… リモートモブプログラミングです！ 今週末に友だちとしてみてはいかがでしょうか？ モブプログラミングとは モブプログラミングとは、複数人（モブ：群衆という意味）でパソコン1台を見ながら開発を進めていく開発方法です。 一人が作業者で、ほかのメンバーは画面を見ながら意見や指摘をしたりして、開発を進めていきます。また、作業時間を決めて、時間がきたら作業者を交代します。 今回はこのモブプログラミングをリモートで行いました！ 実際にやってみた 先日、エンジニアコミュニティの友だちと実際にリモ
インライン用のオープンソース国産WYSIWYGエディタ・「Lite Editor」
Lite Editorはインライン要素に特化したオープンソース国産WYSIWYGエディタです。国産CMSとして名高いa-blog cmsを提供するappleple社さんの開発されたエディタで、a-blog cmsのようなブロックタイプのCMS向けに作られたそう。従来のWYSIWYGエディタでは意図しないスタイルになってしまう事も多く、異なる記事編集者間でテイストも異なってしまう問題もありますが、インライン要素のタグ挿入に特化させる事でそういった編集者間の差異を無くすのが目的のようです。これは良いですね。使い方も日本語で詳しく書かれています。ライセンスはMITとの事です。 Lite Editor on Githubインライン用のWYSIWYGエディターLite Editorをリリースしました。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - Darginec05/Yoopta-Editor: Notion-like editor with similar behaviour