play-chiba https://blog.hatena.ne.jp/play-chiba/ PLAY DEVELOPERS BLOG https://developers.play.jp/ React こんにちは。SaaSプロダクト開発部の千葉です。 今回は、最近試した「React 対応の WYSIWYG エディタで HTML 文字列を（class などの属性値を維持しながら）編集する」方法をまとめていきたいと思います。 WYSIWYG エディタとは React 対応 WYSIWYG エディタの選定 Draft.js で HTML 文字列を出力する基本的な実装 解説 基本的な実装での課題 Draft.js を深くいじって解決 解説 まとめ WYSIWYG エディタとは 今回の要件は、HTML 文字列を「編集前と編集後で class などの属性値を維持しながら編集する」ことです。 この条件を満… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fdevelopers.play.jp%2Fentry%2F2023%2F06%2F02%2F190001" title="React 対応 WYSIWYG エディタ Draft.js を試してみた - PLAY DEVELOPERS BLOG" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/p/playjp/20230602/20230602185509.jpg Hatena Blog https://hatena.blog 2023-06-02 19:00:01 rich https://developers.play.jp/entry/2023/06/02/190001 1.0 100%