Textmate HTML'yi güzel bir şekilde girintili yapabilir mi?

17

Textmate'in HTML'yi güzelce girintileme işlevi var mı?

HTML Tidy girintiliyor - ancak etiketleri de siliyor gibi görünüyor. (Bu tamamen uygun HTML değil, yine de!)

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:tal="http://xml.zope.org/namespaces/tal" xmlns:metal="http://xml.zope.org/namespaces/metal">
    <head>
        <title></title>
    <script type="text/javascript" src="http://www.speechapi.com/static/lib/swfobject.js"></script>
    <script type="text/javascript" src="http://www.speechapi.com/static/lib/speechapi-1.1.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<body>
    <!-- All above disappears -->       
    <p>Test</p>
    <!-- All below disappears-->
</body>
</html>

textmate html

— Casebash
kaynak

Bu şaşırtıcı olduğu gibi etiketleri silinir html bir örnek verebilir

— user151019

@Mark: Kodla güncellendi

— Casebash

@Casebash Tidy kodunuzu denedim ve benim için sadece etiketler ekledi. copypastecode.com/46216

— Robert S Ciaccio

@calvera: Belge türünüzün düz metin değil HTML olarak ayarlandığından emin olun

— Casebash

3

@Casebash: Notepad ++ için Tidy eklentisi hakkında hatırladığımdan html ... FYI olarak ayarlandı, bir metin dosyası ile yapılandırıldı. Yani Tidy yapılandırmasında bir sorun olabilir.

— Robert S Ciaccio

20

Tümünü seçmek için ⌘+ tuşuna basabilirsiniz .AText->Indent Selection

— James Moore
kaynak

Yıl TextMate ve bu özelliği hiç görmedim veya kullanmadınız ... \ o /

— brasofilo

Ne yazık ki bu tam bir XML formatlaması değildir: yanlış girintili satırları tutar ve aynı satırdaki etiketleri ayrı satırlara ayırmaz. Textmate 2.0-rc'yi kullanma.4.

— Alexander Klimetschek

13

Veya + + Bundles > HTML > Tidykısayolunu kullanabilirsiniz .ctrl⇧H

— Loïc Wolff
kaynak

3

Tidy sadece girintili değil, aynı zamanda bazı bölümlerini de siliyor gibi görünüyor!

— Casebash

1

Soru düzenli değil girintiyle ilgili

— tig

Bilinmeyen öğe adları gibi bazı sorunlar olduğunda toplama işlemi de başarısız olur.

— Alexander Klimetschek

1

Diğer cevapları biraz aşan bir şeye dikkat çekmek istiyorum:

Biçimlendirmek (veya yeniden bağlamak) istediğiniz metni seçerseniz, TextMate yalnızca buna özel eylemler uygular. Bu nedenle, belgenizi CMD+ yazarsanız Ave ardından Tidy'i uygularsanız (Paketler> HTML menüsünden veya CTRL+ SHIFT+ Hkısayoluyla) çoğunlukla onaylamalarda girintileme, uyarıları atlar (sayfa snippet'lerinde çalışabileceğimiz için bazen gereksizdir) ).

— mcdado
kaynak

0

Geliştirici Araçlarını yüklerseniz bunun yerine Xcode veya Dashcode kullanabilirsiniz. Bilgisayarınızla birlikte verilen yükleme disklerinde ücretsiz olarak bulunurlar. Hem Xcode hem de Dashcode'un sözdizimi vurgulaması olduğuna inanıyorum.

Gerçekten iyi bir yazılım istiyorsanız, Coda'yı edinin . 100 $ Biraz pahalı, ama kesinlikle buna değer olduğunu söyleyebilirim. Sözdizimi vurgulama ve (benim için büyük kısmı) otomatik tamamlama vardır.

— daviesgeek
kaynak

0

Evet. TextMate'in yerleşik HTML paketindeki Düzenli çağrı HTML'nizle ilgilenebilir.

TextMate'in Paketleri -> HTML -> Tidy üretir:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:tal="http://xml.zope.org/namespaces/tal" xmlns:metal="http://xml.zope.org/namespaces/metal">
    <head>
        <title></title>
        <script type="text/javascript" src="http://www.speechapi.com/static/lib/swfobject.js">
</script>
        <script type="text/javascript" src="http://www.speechapi.com/static/lib/speechapi-1.1.js">
</script>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
</script>
    </head>
    <body>
        <!-- All above disappears -->
        <p>
            Test
        </p><!-- All below disappears-->
    </body>
</html>

Örnek kodunuzda. Hiçbir şey yok olmadı. Ayrıca aşağıdaki uyarıları da alırsınız:

line 1 column 1 - Warning: missing <!DOCTYPE> declaration
line 2 column 5 - Warning: <body> isn't allowed in <head> elements
line 1 column 1 - Warning: <html> proprietary attribute "xmlns:tal"
line 1 column 1 - Warning: <html> proprietary attribute "xmlns:metal"

— Ian C.
kaynak

0

Text -> Indent SelectionYerleşik veya Tidy çözümüyle yaşadığım sorun , kısmi HTML koduyla iyi oynamaması. Bu, örneğin WordPress'te düzenleme yaparken veya Ruby on Rails'te kısmi olarak çalışırken önemlidir.

Benim için çalışan çözüm, John Watson tarafından burada bulduğum özel bir Perl betiği ile pakete bir komut eklemekti: http://snipplr.com/view.php?codeview&id=28256

— Jessie Dedecker
kaynak