文字列の置換ツールです。任意の文字列の置き換えや、文字参照への変換、半角・全角の変換などが行えます。

文字列の置き換え

  • 範囲選択中




>>

使い方

  • 任意の文字列で置換できるほか、プリセットされた複数の作業内容で置換を行うことができます。
  • 作業内容によっては、置換する前に該当箇所を検索することができます。(該当箇所がハイライト表示されます)
  • テキストボックス内の文字列を選択状態にすると、その範囲内のみで置換・検索を行うことができます。
  • テキストボックス内をクリックすると、ハイライト表示や選択状態が解除されます。(スクロールバーをクリックした場合にも解除されてしまいます…)
  • 該当箇所を削除したい場合は、置換後の入力欄を空にして置換を実行してください。(任意の文字列で置換する場合のみ)
  • 置換完了後に表示される戻すボタンをクリックすると、置換前の状態に戻すことができます。
  • このツールは試作品です。特定の条件下では表示上の不具合が発生する場合があります。
  • このツールはJavaScriptで作成されています。JavaScriptを利用できない環境では動作しません。

確認されている不具合について

特定の条件下において、検索した時のハイライト表示、および選択範囲を表す背景色の位置がずれてしまう場合があります。(折り返し付近に半角の記号やスペースなどがあると発生しやすくなります。 ※この場合、ブラウザの幅を動かしていただくと一時的に改善する場合があります。)

原因: テキストボックス内の文字列の背景色は、textarea要素の背面に重ねたpre要素内で指定しています。この2つの要素内には同一の文字列が挿入される仕組みなのですが、状況によっては、折り返しの位置が2つの要素間で微妙にずれてしまう場合がありました…。その結果、textarea内の文字列とその背景色がずれてしまうという。

改善策: 禁則処理が関わっているとは思うのですが、改善策は今のところ見つかっていません。とりあえず、検索機能などはおまけ機能として見ていただき、置換機能をメインでご利用いただけたらと思います。