4

フォーカス時に 1 行の宣言を複数行の宣言として自動的に展開する CSS エディターはありますか? 私の考えを明確にするために、以下の例を参照してください。

元の CSS:

div#main { color: orange; margin: 1em 0; border: 1px solid black; }

しかし、それに焦点を当てると、エディターは自動的に次のように展開します。

div#main { 
  color: orange; 
  margin: 1em 0; 
  border: 1px solid black; 
}

そして、フォーカスを失うと、エディターは再び自動的に 1 行の宣言に圧縮します。

ありがとう。

4

7 に答える 7

4

Visual Studio を使用している場合は、次の近似を行うことができるはずです。

  1. [ツール] -> [オプション] メニューから CSS のフォーマット方法を変更できます。
  2. チェックされていない場合は、[すべての設定を表示] にチェックを入れます。
  3. Text Editor -> CSS -> Format に移動し、半拡張オプションを選択します
  4. わかりました、あなたは変わります。
  5. 次にctrl+A、ctrl+Kはctrl+Dドキュメントを再フォーマットする必要があります
  6. 編集が終了したら、オプションに戻り、コンパクトな CSS 形式を選択してからctrl+A、ctrl+K、 、ctrl+D再度形式を変更します。

お役に立てれば。

于 2008-10-02T11:23:53.267 に答える
1

聞いたことがありません。Macを使用している場合は、CSSEditをお勧めします。それは、他のものの中でも、非常にうまく自動フォーマットを行います。

編集：私はもともと「コメントがそれは素晴らしいアイデアだと言っているが」と言ったが、それについて考えると、それはあなたが本当に望んでいることですか？onClick（この場合、TextMate-再びMac-CSSのサポートはCSSEditほど良くはありませんが）をonClickにするとよいことがわかりますが、onFocusですか？

于 2008-10-02T06:53:45.787 に答える
0

これは、お気に入りのエディターのスクリプト言語を使用して行うことができます。

たとえば、SciTEでは：

function ExpandContractCSS()
  local ext = string.lower(props["FileExt"])
  if ext ~= "css" then return end
  local line = GetCurrentLine()
  local newForm
  if string.find(line, "}") then
    -- On one line
    newForm = string.gsub(line, "; *", ";\r\n  ")
    newForm = string.gsub(newForm, "{ *", "{\r\n  ")
    newForm = string.gsub(newForm, " *}", "}")
  else
    -- To contract
    -- Well, just use Ctrl+Z!
    -- Maybe not, code to come if interest
  end
  if newForm ~= nil then
    ReplaceCurrentLine(newForm)
  end
end

GetCurrentLineとReplaceCurrentLineは、私のコレクションの便利な関数です。興味があれば、それらを提供できます（収縮部分も実行できます）。

于 2008-10-02T14:02:01.670 に答える
0

いい質問ですね。これをCSSエディターで見たいです。TopStyleはこれを行いますが、自動ではありません。ホットキーを使用してもらいます。

于 2008-10-03T06:50:10.450 に答える
0

da5id、私は実際には実装の詳細については気にしません (onclick または onhover、あなたが言うと onclick の方が良いように見えますが ;)、何らかの方法でこの種の機能をサポートするエディターがあるかどうかに興味があります。

PS。私はMacではなくWindowsを使用しています。

于 2008-10-02T07:23:03.297 に答える
0

まさにあなたが望むものではありませんが、cssルールのクリック時の折りたたみ、自動フォーマット、およびその他のほとんどのテキストメイト機能について、 textmate E Text EditorのWindowsポートを試してください。

于 2008-10-02T11:59:30.340 に答える
0

ごめん。明示的にそれを行うIDEを知りません。

ただし、かなりの数の外部オプションがあります。

于 2008-10-02T06:19:18.740 に答える