Copy link to clipboard
Copied
Dreamweaverの使い方についての質問です。
以下の5点を実現する方法をお聞きしたいです。
5番目の質問ですが、下記のcssをスニペットにブロックとして登録したとします。
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
そして、展開すると下記のように最初の1行目以外のインデントがずれてしまいます。
.box {
position: relative;
&:after {
position: absolute;//ここにスニペットを展開
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
}
cssであればスニペット登録時のインデントを調整すれば問題ありませんが、
Sassを使っているので入れ子にした際にスニペットを展開すると大きくインデントがずれます。
これは手動で調整するしかないのでしょうか。
■検索した限りではすべて解決法が見つかりませんでした。
(それぞれGoogle検索の上位10~20件を参照しました)
■私の経歴ですが、コーダー歴が半年間あり、
1ヶ月前からDreamweaverを使用し始めました(それまではVSCodeを使用)。
やり方をご存知の方がいらっしゃれば、お答えいただけますと幸いです。
よろしくお願いいたします。
Copy link to clipboard
Copied
1. There is no SASS formatting.
2. Design View is not a browser. To test JavaScript, switch to Live View or Preview in real browsers.
3. Unsure what that means.
4. There is no automatic save feature in DW. To protect your work, use Ctrl/Cmd + S often.
5. Unsure what that means.
Copy link to clipboard
Copied
I'm sorry that my explanation is insufficient.
Thank you for answering my question!
Copy link to clipboard
Copied
1番目、2番目、4番目については Nancy_OShea さんが回答されていますので残りを。
でも5番目については、私も何を意味しているのか分かりませんので、3番目だけ回答します。
> HTML をフォーマットした際、コメントアウトを改行しないようにする
これはフォーマット処理の中で「コメントアウト中の改行を削除してほしい」というのか「コメントアウト中の改行が勝手に削除されるのでそれをやめてほしい」のどっちの意味にもとれます。
ただ、「ソースコードのフォーマットの適用」を実行してみると、コメントアウト中の改行が削除されることもないし、勝手に改行されることもないので(もしかすると何かの条件で勝手に改行されることがあるかもしれませんが)どちらも違うと判断しました。
もしこの判断が違っていたらごめんなさい。以下の回答は役立たずです。
想像するに、終了タグのあとすぐにコメントを入れた場合
</div><!-- ブロックの終わり -->
に、終了タグの次に改行が入るのがいやなのかな?
</div>
<!-- ブロックの終わり -->
もし、そうであれば、「ソースコードのフォーマットの適用」の下に「タグライブラリの編集...」というのがありますので、そこを適当にいじってみてください。そこでお好みの結果が得られるかもしれませんし、得られないかもしれません(どのような結果がお好みなのかわからないので、操作方法を伝えることができません)。
そこで、好みの結果でなければ、他に設定するところはなさそうです。
Copy link to clipboard
Copied
>終了タグの次に改行が入るのがいやなのかな?
はい、その通りです。説明不足ですみません...
「タグライブラリの編集...」から設定を行おうとしましたが、閉じタグには改行の設定が適用できませんでした。
仰るとおり、その他に設定できそうな項目もなかったので、このままコーディングしようと思います。
ご回答いただきありがとうございました!
Copy link to clipboard
Copied
横から回答させて頂きますが、Sassの途中でスニペットからCSSを挿入した場合でも、書類全体がSassとして扱われていることからフォーマットできないのだと思います。
1番の回答と重複しますが、あいにく現状のDreamweaverはSassのコードフォーマットに対応してません。
是非以下のページから「投票」ボタンを押して、機能の実現に同意いただければと思います。
SCSS Code formatting support – Adobe Dreamweaver: Feature Ideas
Copy link to clipboard
Copied
投票ボタン押させていただきました!
ぜひとも実装してほしいですね~
ご回答いただきありがとうございます。