javascript - テキスト上でマウスダウンを使用してすべての要素を取得する

Question

WYSIWYG エディターを構築しようとしていますが、ユーザーが HTML コードにマウスを置いたときに問題に直面しています。

<b><i>ABC</i></b>

タグに基づいて、 B / BoldボタンとI / Italic ボタンを選択したい。

私が望む結果は次のとおりです。

ユーザーが「ABC」にマウスを合わせると、タグはbとを返しiます。

ここに私のコードがありますが、それは 1 つの要素に対してのみ機能しており、複数の要素に対する解決策が必要です。

var ev = arguments[0] || window.event,
origEl = ev.target || ev.srcElement;

alert(origEl.tagName);

Answer 1

ネタバレになって申し訳ありませんが、以前に行ったことがあるので、独自の WYSIWIG エディターを作成しないことを強くお勧めします。難しすぎてGoogleも諦めました*。

http://www.tinymce.comまたはhttp://developer.yahoo.com/yui/editor/を試してみてください- 私は TinyMCE をあまり使用していませんが、YUI は非常にカスタマイズ可能であることを証明できます。

* 並べ替えについては、https://drive.googleblog.com/2010/05/whats-different-about-new-google-docs.htmlを参照してください。