0

ユーザーが記事を投稿できるWebサイトを作成しようとしています。HTMLタグ付けを許可してほしい。しかし、ユーザーはhtmlについて知らないかもしれないので、コンテンツに何らかの効果を追加できるように、コンテンツを自動挿入するためのボタンを使用しています。たとえば、ユーザーが太字のテキストを書きたい場合、「太字」という名前のボタンをクリックすると、コードが自動的に挿入されます。以下は、私のデザインのイメージです。

ここに画像の説明を入力

すべてが正常に機能しています。これらすべてのコードを最後に追加しています。しかし、編集中はダメです。ユーザーが中央に太字のテキストを追加できるようにします。したがって、彼は中央をクリックして太字のボタンを押すことを期待していますが、その場合でもコードを最後に追加します。

マウスのクリック位置を検出し、その直後にテキストを追加する方法はありますか? 何か提案がありますか (私は jQuery を使用しています)?

4

2 に答える 2

1

マウス クリック イベントでは、clientX 変数と clientY 変数を使用してマウス クリック ポイントを見つけることができます。次のように実行できます。

$("#myButton").click(function(e) {
    alert(e.clientX + ", "+ e.clientY);
})

それが役立つことを願っています

于 2013-12-17T22:55:24.270 に答える
0

textarea を使用しておらず、すでに領域 (例: content_node) を次のように配置していると仮定する場合:

content_node.designMode="on";
content_node.contentEditable= true;

次に、次のように [document.execCommand] を使用するだけです。

document.execCommand("FontSize","false",sSize|iSize);
document.execCommand("Bold","false",null);

さらに読む: https://developer.mozilla.org/en-US/docs/Web/API/document.execCommand

于 2013-12-17T23:09:37.677 に答える