【WordPress】Contact Form 7のラジオボタンやチェックボックスのテキストを途中で改行する方法

Contact Form 7の編集画面で改行したい位置で<br>と書きます。

ブラウザではこれがエスケープされて出力されるので、エスケープ前の<br>に置換してブラウザ上で改行できるようにします。

.wpcf7-list-item-labelはContact Form 7でラジオボタンやチェックボックスのテキストを囲んでいるタグです。ここのテキストを取得して置換します。

簡単に、エスケープされた<br>をエスケープされる前の<br>に置換してるだけです.

// ラジオボタン&チェックボックスでテキスト改行(管理画面で入力した<br>を文字列ではなく改行として出力)
$('.wpcf7-list-item-label').each(function () {
  var text = $(this).html();
  $(this).html(text.replace('<br>', '<br>'));
});

タイトルとURLをコピーしました