iframe タグを設定するカスタムフィールドで利用する校正オプション setWidthFull
普通に、Google マップ から iframe で HTML をコピーして貼ると 600px になります。下の地図を確認すると右側が少しだけスペースが空いてしまいますね。
これを誰が投稿しても横幅 100% にしたいところです。
独自の校正オプションを作成してみます
extension/acms/Corrector.php に 以下のように追記します。
public function setWidthFull($txt)
{
$txt = preg_replace('/width="\d+"/', 'width="100%"', $txt);
return $txt;
}
これで、setWidthFull という校正オプションが準備できた事になります。
表示させる際に [setWidthFull] で呼び出しますが、iframe の HTML を出力させる際には、もう少し追加で校正オプションが必要になります。
<!-- BEGIN_MODULE Blog_Field -->
{googleMaps}[allow_dangerous_tag|raw|setWidthFull]
<!-- END_MODULE Blog_Field -->
a-blog cms は PHP のコードは書かないでもいいって事になっていますが、知ってれば独自の実装もイロイロできますね。
この記事を書いた人
山本 一道
/
有限会社アップルップル
代表
名古屋のWeb制作会社 (有)アップルップル代表。HTMLファーストな国産CMS「a-blog cms」開発・販売・サポート / 名古屋のWeb制作者コミュニティ「WCAN」主催 / コワーキングスペース「ベースキャンプ名古屋」運営。Web制作の現場をより良くするための活動をしています。
@kazumich