テキストを置換するにはどうすればよいですか?
- 詳細
- カテゴリ: テンプレート
- 作成日:2016-07-20
テキストノードの置換を行うことで、PCとスマホで表示させるテキストを出しわけることが可能です。
いくつかの方法がございますがパーツを使って要素を出力する場合とscriptのみで出力する場合の2つの方法をご紹介します。
■置換例
・置換前
<div class="text">置換前のテキスト</div>
・置換後
<div class="text">置換後のテキスト</div>
■置換方法
【方法1】パーツを使った置換
拡張タブ内にある、「テキスト置換ルール」でテキストの置換ができます。
「テキスト置換ルール」のテキストボックスに以下の記述をします。
置換前のテキスト:置換後のテキスト
パーツにはその他にも開発に役立つオプションをいくつかご用意しております。以下URLを参照してください。
http://developer.genecode.jp/manuals/gcparts/common_option.html
【方法2】スクリプトを使った置換
置換対象となるテキストをセレクタで指定することが可能なため、より高度な要素指定が可能となります。
<gc-script>
var $target = $("div.text");
var text = "置換後のテキスト";
$target.text(text);
</gc-script>