現在、記事を編集できるプロジェクトでMedium Editor JS Cloneを使用しています。
エディターはうまく機能しています。要素とコードをきれいにフォーマットできますが、編集中に写真を追加する方法を見つけようとしています。
優れた解決策は、絶対モードでアクティブな段落にサイド ボタンを追加することですが、現在のアクティブな段落にクラスを追加する方法が見つかりませんでした。
これはそれが生成するものです:
<div class="editable" contenteditable="true" spellcheck="true" data-medium-editor-element="true" role="textbox" aria-multiline="true" data-medium-editor-editor-index="1" medium-editor-index="574f8260-cdfd-bf53-e5e4-3fff9da2aa19" data-placeholder="Scrivi il testo..." data-medium-focused="true">
<p>Hello this is an editor test.</p>
<p>This is an another paragraph.</p>
</div>
これが私が持ちたいものです:
したがって、エディターの div 内のどの p が現在アクティブであるかを知ることで、サイド ボタンの上部の位置を設定し、クリック時にアップロードしたばかりの写真を段落に追加できます。