Kullanıcı Kılavuzu İptal

Kodu formatlama

Ara

Son güncelleme: 21 May 2021

Dreamweaver

Uygulamayı aç

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

Kodu el ile formatlama

Desteklenen bir dosyayı açın.
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.
Kodun herhangi bir kısmını 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:

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.

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.
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