Desteklenen bir dosyayı açın.
Dosya oluştururken veya düzenlerken kodunuzun formatını denetleyen tercihler belirleyin.
Kodu el ile formatlama
-
-
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
-
Kodu açın.
-
Kodu seçin.
-
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:
- 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.
-
Site kök klasöründe dosya adı .jsbeautifyrc olan yeni bir dosya oluşturun.
-
.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 } }
-
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.
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:
|
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:
|
|
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 |