jQueryプラグインのjquery.selection.jsを使って、textarea内のテキストにタグを挿入」に機能を追加しました。

外部textファイル(セレクトボックス、「dummy_text56.txt」を含め3種類)を選び、「外部textをload」ボタンクリックで、textarea(オレンジ色の囲み)にloadします。「loadしたtextを削除」ボタンクリックで、loadしたtextareaの内容を削除します。

textarea内の文字列を選択し、「<strong>タグで囲む」ボタンクリックで、styleを「color:red」にしたstrongタグで選択範囲を囲みます。同様に「<strong>タグで囲む」ボタンクリックで、styleを「color:green;font-style:italic」にしたstrongタグで囲みます。同じく「<a>タグで囲む」ボタンクリックで、aタグで囲みます。ボタンの右側がタグ付けした場合のサンプルです。

次にタグを挿入したことによる実際のスタイルの変化を確認します。textarea内の確認したい部分を手動で選択するか、「textareaのすべてを選択」ボタンクリックですべてを選択して「選択範囲をhtmlで書き出し」ボタンをクリックすると、「書き出し:」の下にスタイルを反映して表示します。「書き出したhtmlを削除」ボタンクリックで、表示を削除します。

サンプル  サンプル   サンプル

書き出し:

戻るボタン