draft-jsでシンタックスハイライターを作る - Qiita

tl;dr strategy で 正規表現でヒットさせて、ヒットした部分を component で置き換える。正規表現と色の組み合わせは一般化できるので、そこまでやってみた。 最小コード @mizchi みたいにユーザー名に色を付ける import {CompositeDecorator} from "draft-js"; const USERNAME_REGEX = /\@[\w]+/g; export default new CompositeDecorator([ { strategy(contentBlock, callback) { const text = contentBlock.getText(); let matchArr, start; while ((matchArr = USERNAME_REGEX.exec(text)) !== null) { start = m

[ttanimichi]

Twitter のフォームみたいに @username を色変えたりするのには Draft.js 使えば良さそう

[mizchi]

書きました