Kullanıcı Kılavuzu İptal

Kodu formatlama

 

 

Dosya oluştururken veya düzenlerken kodunuzun formatını denetleyen tercihler belirleyin.

Kodu el ile formatlama

  1. Desteklenen bir dosyayı açın.

  2. Düzen > Kod > Kaynak Formatını Uygula'yı seçin.

    Alternatif olarak, Ortak Araç Çubuğu > Kaynak Kodu Formatla altından Kaynak Formatını Uygula'yı seçin.

Dosyada seçili kodu el ile formatlama

  1. Kodu açın.

  2. Kodun herhangi bir kısmını seçin.

  3. Düzen > Kod > Kaynak Formatını Seçime Uygula'yı seçin.

    Alternatif olarak,  Ortak Araç Çubuğu-> Kaynak Kodu Formatla altından Kaynak Formatını Seçime Uygula'yı seçin.

    Not:

    Etiketler arasındaki bir kodu seçer ve kaynak formatını seçime uygularsanız format ana etikete kadar uygulanır.

Kod formatlama varsayılan kurallarını düzenleme

CSS, JS ve PHP kod formatını özelleştirmek için formatlama kurallarını sitenizin kök klasöründeki .jsbeautifyrc dosyasına ekleyin.

Bu konumdaki .jsbeautifyrc dosyasını eklemek için aşağıdaki adımları izleyin:

Not:
  • Aşağıdaki talimatlar yalnızca CSS, JS ve PHP belgeleri için geçerlidir.
  • Bir PHP belgesindeki HTML etiketleri, etiket kitaplıklarında belirlenen tercihlere göre formatlanır.  PHP bloklarının içerdiği kodu aşağıdaki talimatlara göre formatlayabilirsiniz.
  1. Site kök klasöründe dosya adı .jsbeautifyrc olan yeni bir dosya oluşturun.

  2. .jsbeautifyrc dosyasında CSS, JS ve PHP için aşağıdaki varsayılan formatlama kurallarını kopyalayıp yapıştırın ve dosyayı kaydedin.

    {
    "js": {
    "eol": "\n",
    "preserve_newlines": true,
    "max_preserve_newlines": 3,
    "space_after_anon_function": true,
    "keep_array_indentation": false,
    "space_before_conditional": true,
    "break_chained_methods": false,
    "unescape_strings": false,
    "wrap_line_length": 0,
    "end_with_newline": true,
    "comma_first": false,
    "operator_position": "after-newline"
    },
    "css": {
    "preserve_newlines": false,
    "selector_separator_newline" : false,
    "end_with_newline": false,
    "newline_between_rules": false,
    "space_around_selector_separator": true
    },
    "php": {
    "eol": "\n",
    "preserve_newlines": true,
    "max_preserve_newlines": 3,
    "space_after_anon_function": true,
    "brace_style": "collapse",
    "keep_array_indentation": false,
    "space_before_conditional": true,
    "break_chained_methods": false,
    "unescape_strings": false,
    "wrap_line_length": 0,
    "end_with_newline": false,
    "comma_first": false,
    "space_in_paren":true
    }
    }
    { "js": { "eol": "\n", "preserve_newlines": true, "max_preserve_newlines": 3, "space_after_anon_function": true, "keep_array_indentation": false, "space_before_conditional": true, "break_chained_methods": false, "unescape_strings": false, "wrap_line_length": 0, "end_with_newline": true, "comma_first": false, "operator_position": "after-newline" }, "css": { "preserve_newlines": false, "selector_separator_newline" : false, "end_with_newline": false, "newline_between_rules": false, "space_around_selector_separator": true }, "php": { "eol": "\n", "preserve_newlines": true, "max_preserve_newlines": 3, "space_after_anon_function": true, "brace_style": "collapse", "keep_array_indentation": false, "space_before_conditional": true, "break_chained_methods": false, "unescape_strings": false, "wrap_line_length": 0, "end_with_newline": false, "comma_first": false, "space_in_paren":true } }
    { 
     
        "js": { 
     
            "eol": "\n", 
     
            "preserve_newlines": true, 
     
            "max_preserve_newlines": 3, 
     
            "space_after_anon_function": true, 
     
            "keep_array_indentation": false, 
     
            "space_before_conditional": true, 
     
            "break_chained_methods": false, 
     
            "unescape_strings": false, 
     
            "wrap_line_length": 0, 
     
            "end_with_newline": true, 
     
            "comma_first": false, 
     
            "operator_position": "after-newline" 
     
        }, 
     
        "css": { 
     
            "preserve_newlines": false, 
     
            "selector_separator_newline" : false, 
     
            "end_with_newline": false, 
     
            "newline_between_rules": false, 
     
            "space_around_selector_separator": true 
     
        }, 
     
        "php": { 
     
            "eol": "\n", 
     
            "preserve_newlines": true, 
     
            "max_preserve_newlines": 3, 
     
            "space_after_anon_function": true, 
     
            "brace_style": "collapse", 
     
            "keep_array_indentation": false, 
     
            "space_before_conditional": true, 
     
            "break_chained_methods": false, 
     
            "unescape_strings": false, 
     
            "wrap_line_length": 0, 
     
            "end_with_newline": false, 
     
            "comma_first": false, 
     
            "space_in_paren":true 
     
        } 
     
    }
  3. Varsayılan kod formatlama kurallarını aşağıdaki tabloya göre değiştirmek için varsayılan kuralları düzenleyin ve değişiklikleri kaydedin.

  4. Dreamweaver'ı yeniden başlatın ve bir CSS, JS ve PHP dosyası için kod formatını uygulayın.

    Kod, güncellenen formatlama kurallarına göre formatlanır.

Not:

Başka Dreamweaver sitelerindeki PHP, CSS ve JS dosyaları için kod formatını özelleştirmek isterseniz özelleştirilen dosyayı sitenin kök klasöründeki .jsbeautifyrc dosyasına yerleştirmeniz gerekir.

CSS, JS ve PHP formatlama kuralları:

CSS Kurallar Dreamweaver'da varsayılan değerler Açıklama
  preserve_newlines false Boş satırların korunup korunmayacağı.
selector_separator_newline false

Virgülle ayrılmış seçicilerin arasına yeni bir satır eklenip eklenmeyeceği.

Örneğin: “.div, .P”

end_with_newline false Dosyanın boş bir satırla bitip bitmeyeceği.
newline_between_rules false Her CSS kuralından sonra yeni bir satır eklenip eklenmeyeceği.
space_around_selector_separator true

Seçici ayırıcıların etrafında boşluk olmasını sağlamak için: “>”, “+”, “~”

Örneğin: “a>b” kaynak formatı uygulanırken “a > b” olur.

JS Kurallar Dreamweaver'da varsayılan değerler Açıklama
  “eol” “\n” Satırın sonunu göstermek için kullanılan karakter.
preserve_newlines true Boş satırların korunup korunmayacağı.
max_preserve_newlines 3

“max_preserve_newlines” için: N, 

JS dosyasında N-1'den fazla boş satır olduğunda format uygulanırken N-1 boş satır korunur.

Not: max_preserve_newlines yalnızca preserve_newlines değeri true olarak ayarlandığında uygulanır.

space_after_anon_function true

Anonim fonksiyonun parantezinden önce boşluk eklenip eklenmeyeceği.

Örneğin: “function()” kaynak formatı uygulanırken “function ()” olur.

keep_array_indentation false Dizi gövdesi içinde yeni satıra izin verin veya yeni satırı koruyun.
space_before_conditional true

Koşullu ifadeden önce boşluk eklenip eklenmeyeceği

Örneğin: “if(true)” kaynak formatı uygulanırken “if (true)” olur.

break_chained_methods false

Zincir işlevler arasında yeni satıra izin verin veya yeni satırı koruyun.

Örneğin:

“foobar().baz()”

unescape_strings false

\xNN notasyonunda kodlanan dizelerdeki yazdırılabilir karakterler çıkış karakterleriyle birlikte kullanılmalıdır.

Örneğin:

“\x65\x78\x61\x6d\x70\x6c\x65” kaynak formatı uygulanırken “example” olur.

wrap_line_length 0 Satırlar bu sayıda karakterden sonra gelen ilk fırsatta kaydırılmalıdır.
end_with_newline true

Dosyanın sonuna yeni bir satır eklenmesini sağlamak içindir.

comma_first false Satır virgülle bölündüğünde, virgülün satırdaki ilk karakter olduğundan emin olmak için bu bayrak kullanılır.
operator_position after-newline

Uzun bir koşullu ifade birden çok satıra bölündüğünde, satırlardaki işleçlerin konumunu belirlemek için bu bayrak kullanılır.

Bayrağı aşağıdaki değerlerle düzenleyebilirsiniz:

  • before-newline
  • after-newline
  • preserve-newline
Not:

PHP formatlama kuralları, aşağıdaki iki ek kural dışında JS formatlama kuralları (yukarıdaki tabloda açıklanan) ile aynıdır:

PHP Kurallar Dreamweaver'da varsayılan değerler Açıklama
  brace_style collapse

Bu seçenekle süslü ayraçların konumunu denetleyebilirsiniz:

Örneğin:

function f() {

// kod

}

veya 

function f()

{

// Kod

}

Aşağıdaki değerleri atayabilirsiniz:

  • “collapse” - süslü ayraçları denetim cümleleriyle aynı satıra koy
  • “expand” - süslü ayraçları kendi satırlarına koy (Allman / ANSI stili)
  • “expand” - kapanış süslü ayraçlarını kendi satırlarına koy
  • “none” - hepsini bulundukları yerde tutmaya çalış
  • öncekilerden biri + “,preserve-inline”- preserve-inline parametresi, süslü ayraçların satır içi bloklarını korumaya çalışır
space_in_paren true

Parantezlerin içine boşluk eklenip eklenmeyeceği.

Örneğin:

include('header.php')

format uygulanırken

include( 'header.php' ) haline gelir

Daha hızlı ve daha kolay yardım alın

Yeni kullanıcı mısınız?