Draft.jsを使ってContentEditableなdivに絵文字をレンダリングしつつ編集可能にする - DRYな備忘録

ぜったいなんかやり方あるだろと思いつつなかなか見つからなくてググり続けたりして6時間ぐらいハマったのでメモ。 import React from 'react'; import {Editor, EditorState, CompositeDecorator} from 'draft-js'; const getEmojiURL = (key) => { // TODO: ここで、:shit:とかくるので、対応したURLを返せばよい switch(key) { case ':smile:': return 'https://twemoji.maxcdn.com/svg/1f603.svg'; case ':shit:': return 'https://twemoji.maxcdn.com/svg/1f4a9.svg'; default: return null; } }; const E

[luccafort]

Emoji関連の処理っておったことないけどgetEmojiURLみたいなこんな泥臭い実装してるのか？という気がするので明日他の開発者がどうやってるか時間見つけて調べておく。