Dreamweaver8でコード内に編集可能領域を作るにはどうすればい

質問

Dreamweaver8でコード内に編集可能領域を作るにはどうすればいいですか？

たとえば

<div>あいうえお</div>

という内容がtemplateファイル内にあった場合に、

<div■>あいうえお</div>

■部分に編集可能領域を作りたい場合はどうすればいいのでしょうか？

通常、あいうえお　の部分の場合だと、
<!-- TemplateBeginEditable name="変数名" -->
<!-- TemplateEndEditable -->

を入力すればいいと思いますが、
これをこのまま■にいれてしまうとコードが壊れてしまいます。

どなたかご教授いただけないでしょうか。

よろしくお願いします。

回答No.1

dark_kappa · ベストアンサー

テンプレート、というものは「表示するデータだけ入れ替えれば後は気にしなくてもいいよ」という場合に使うものです。

このため、ご希望の事は不可能ではないか、と思いますよ。

それに、タグは「<」と「>」で囲う訳で、この間にコメント行が入るってことは、HTML構文を無視した行為ですから、どうやって考えても無理ですよね？

似たような事をしたいのであれば、下記のように大きなdivを作り、その内側を編集可能領域にしてしまう方法でしょうか。

<div id="wrapper">
<!-- TemplateBeginEditable name="変数名" -->

この間は自由に編集できるので、新たにdivタグも入るんじゃないかな？

<!-- TemplateEndEditable -->
</div>

ご希望の事は、後から「id」や「class」を入れ替えたいためだろうと思います。
…が、そういう事は基本的にテンプレートとは呼ばれない訳ですね。

だったら、テンプレート機能を使わないで、基本形になるブランクのファイルを作り、それを名前を変えて保存して編集を行なっていく方法と、何も変わらない訳ですから。

私もDreamweaverを使っています（CS5ですが）。
私ならば、テンプレートにしないで、基本形のファイルを呼び出し→名前を変えて保存→編集を加える→上書き保存、で対応します。

もしくは、入れ替える必要がある部分だけPHPで保存して別ファイル化する、とか（呼び出す側もPHPで書かなきゃなりませんが、<?php require ("ファイル名"); ?> なんて簡単なコードで呼び出せるので難しいモンじゃありません）。