Highlighted

Dreamweaver の使い方について、5点質問があります。

Community Beginner ,
May 23, 2020

Copy link to clipboard

Copied

 

 

Dreamweaverの使い方についての質問です。

 

以下の5点を実現する方法をお聞きしたいです。

 

  1. Sassのフォーマットをする
  2. デザインビューで JavaScript を有効にする
  3. HTML をフォーマットした際、コメントアウトを改行しないようにする
  4. 一定時間の経過や別のファイルを編集した際の自動保存機能(強制終了した際に復旧データが生成されることは存じています)
  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を使用)。

 

やり方をご存知の方がいらっしゃれば、お答えいただけますと幸いです。
よろしくお願いいたします。

TOPICS
How to

Views

881

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Dreamweaver の使い方について、5点質問があります。

Community Beginner ,
May 23, 2020

Copy link to clipboard

Copied

 

 

Dreamweaverの使い方についての質問です。

 

以下の5点を実現する方法をお聞きしたいです。

 

  1. Sassのフォーマットをする
  2. デザインビューで JavaScript を有効にする
  3. HTML をフォーマットした際、コメントアウトを改行しないようにする
  4. 一定時間の経過や別のファイルを編集した際の自動保存機能(強制終了した際に復旧データが生成されることは存じています)
  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を使用)。

 

やり方をご存知の方がいらっしゃれば、お答えいただけますと幸いです。
よろしくお願いいたします。

TOPICS
How to

Views

882

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
May 23, 2020 0
Adobe Community Professional ,
May 23, 2020

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.

 

Nancy O'Shea, ACP
Alt-Web.com

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 23, 2020 1
Community Beginner ,
May 25, 2020

Copy link to clipboard

Copied

I'm sorry that my explanation is insufficient.
Thank you for answering my question!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 25, 2020 0
Most Valuable Participant ,
May 24, 2020

Copy link to clipboard

Copied

1番目、2番目、4番目については Nancy_OShea さんが回答されていますので残りを。

でも5番目については、私も何を意味しているのか分かりませんので、3番目だけ回答します。

 

HTML をフォーマットした際、コメントアウトを改行しないようにする

これはフォーマット処理の中で「コメントアウト中の改行を削除してほしい」というのか「コメントアウト中の改行が勝手に削除されるのでそれをやめてほしい」のどっちの意味にもとれます。

ただ、「ソースコードのフォーマットの適用」を実行してみると、コメントアウト中の改行が削除されることもないし、勝手に改行されることもないので(もしかすると何かの条件で勝手に改行されることがあるかもしれませんが)どちらも違うと判断しました。

もしこの判断が違っていたらごめんなさい。以下の回答は役立たずです。

想像するに、終了タグのあとすぐにコメントを入れた場合

 

</div><!-- ブロックの終わり -->

 

に、終了タグの次に改行が入るのがいやなのかな?

</div>
<!-- ブロックの終わり -->

もし、そうであれば、「ソースコードのフォーマットの適用」の下に「タグライブラリの編集...」というのがありますので、そこを適当にいじってみてください。そこでお好みの結果が得られるかもしれませんし、得られないかもしれません(どのような結果がお好みなのかわからないので、操作方法を伝えることができません)。

そこで、好みの結果でなければ、他に設定するところはなさそうです。

 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 24, 2020 1
Community Beginner ,
May 26, 2020

Copy link to clipboard

Copied

終了タグの次に改行が入るのがいやなのかな?

はい、その通りです。説明不足ですみません...

 

「タグライブラリの編集...」から設定を行おうとしましたが、閉じタグには改行の設定が適用できませんでした。

仰るとおり、その他に設定できそうな項目もなかったので、このままコーディングしようと思います。

ご回答いただきありがとうございました!

 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 26, 2020 0
Most Valuable Participant ,
May 26, 2020

Copy link to clipboard

Copied

横から回答させて頂きますが、Sassの途中でスニペットからCSSを挿入した場合でも、書類全体がSassとして扱われていることからフォーマットできないのだと思います。

 

1番の回答と重複しますが、あいにく現状のDreamweaverはSassのコードフォーマットに対応してません。
是非以下のページから「投票」ボタンを押して、機能の実現に同意いただければと思います。
SCSS Code formatting support – Adobe Dreamweaver: Feature Ideas

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 26, 2020 2
Community Beginner ,
May 28, 2020

Copy link to clipboard

Copied

投票ボタン押させていただきました!

ぜひとも実装してほしいですね~

ご回答いただきありがとうございます。

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 28, 2020 0