jQueryまたはストレートjavascriptを使用して、contentEditableを使用してdivから1行のテキストを特定/選択/選択し、そのテキスト行に書式を追加するにはどうすればよいですか?クリックしたときにdiv内のテキスト行をどのように書式設定しますか?
私は現在contentEditableがtrueに設定されているdivを持っています。これにより、divの内容を編集したり、テキストを追加/削除したりすることができます。ただし、div内のテキスト行をダブルクリックして、その行を別の書式設定スタイルでマークすることもできます。 (つまり、スパン内にテキストの全行を囲み、スパンをスタイルすることができます)ユーザーがクリックしたテキスト行を特定してスパンタグに囲んで問題を解決することになります)
ユーザーは多くのコンテンツを追加できるので、div自体はスクロール可能であるため、どのような解決策でもスクロールを処理できるはずです。
ラップされたテキストまたは各行が明確に区切られていますか(
など)? 前者の場合、私はそれがより難しく、不可能であると私は思う。 – PhiLho
私の研究からわかるように、contentEditableを使用すると、firefoxは各行を
で区切ります。 IEは各行を段落で区切っていると思います。 – snorkpete
修正:contentEditableを使ってdivにコンテンツを追加すると、IEがどのように行を区切るかわかりません(Firebugなし、IE Dev Toolbarは役に立ちません)。 – snorkpete