手順
- Visual Studio Code のプレビュー (Shift + Command + V) で、マークダウンをプレビューする。
- 全部選択して、WordPress のブロックエディターに貼り付ける。
- プレビューして、「>」や「<」を検索する。なければ OK。
- あれば、数が少なければ、SyntaxHighlighter ブロックの「プレーンテキスト」を「JavaScript」や「PHP」「HTML」「CSS」等に変更する。
- 数が多ければ、
オプション -> コードエディター
全文を選択し、コピーする
テキストエディタで blockeditor.txt を開く。
貼り付けて、保存する。
置換する。
M-! perl doreplace.pl
(注意: このコードはすべてを JavaScript にします。)
M-x revert-buffer プロンプトが出たら Yes
全文を選択し、カットする。
WordPress のコードエディターに戻って、貼り付ける
- プレビューして、「>」や「<」を検索する。なければ OK。
- 保存する
使用している doreplace.pl
#!/usr/bin/perl
use strict;
use warnings;
# 対象のファイル名
my $filename = 'blockeditor.txt';
# ファイルを読み込む
open my $fh, '<', $filename or die "ファイルを開けません: $!\n";
my $file_contents = do { local $/; <$fh> };
close $fh;
# 置換処理
$file_contents =~ s/<!-- wp:syntaxhighlighter\/code -->/<!-- wp:syntaxhighlighter\/code {"language":"jscript"} -->/g;
# 変更した内容をファイルに書き戻す
open my $fh_out, '>', $filename or die "ファイルを書き込めません: $!\n";
print $fh_out $file_contents;
close $fh_out;
print "置換が完了しました。\n";