1

Word や PDF ファイルと同じように、テキスト/文字をどのようにマークしますか?

人々が単語またはいくつかの文字をマークする必要がある演習を作成しようとしています.
例えば

<h3>find the number in this sentence</h3>
<p>I like the movie Moneyball</p>

解決：

<h3>find the number in this sentence</h3>

I like the movie M1yball


  • 各演習では、質問、文、および答えを知っています。
  • そして欲しいのは君が選んだ言葉の価値
    • 単語またはいくつかの文字を選択すると (マウスボタンをいつ離したかによって異なります)、背景色が緑色に変わります (次回は前のマークが消えて最初からやり直されます...

jquery --> .selectet() について考えましたが、非常に多くの情報があり、その経験はありません。

すべてのヘルプを歓迎します。

敬具

4

3 に答える 3

1

このjQuery Selectableプラグインを使用できます

于 2012-04-25T20:49:41.140 に答える
0

個人的には、強調表示するテキストをスパンタグでラップし、スパンの背景色のスタイルを設定します。

Your text and the <span class="highlight">text you want to highlight</span>

明確にするために...「正しい」領域をスパンで事前にラップし、クリックイベントを添付して、選択されたときに検出できるようにします。そうすれば、彼らが正しい場所をクリックしてそこから作業するタイミングを簡単に検出できます。

別の方法でそれを行いたい場合は、通常のテキストのように見えるように入力要素のスタイルを設定し、そこからの選択情報を使用できます。値の文字列をメモリに取得し、選択情報を使用して、選択した部分をサブストリング化できるはずです。

于 2012-04-25T20:47:04.133 に答える
0

多くの用途を想像できるので、これは個人的な挑戦として取りました. これは、すべての単語を dom 要素に分割し、その前後の単語を追跡する簡単な要点です。

于 2012-04-25T21:33:06.033 に答える