Notepad ++ und Dreamweaver - Tabulator-Konvertierungen

828
Howdy_McGee

Ich arbeite in einem Team von Entwicklern. Einige mögen Dreamweaver verwenden, aber ich bevorzuge Notepad ++. Das Problem tritt immer dann auf, wenn wir eine andere Datei bearbeiten müssen und die Registerkarten nicht übereinstimmen / ausrichten (Einzug). Ich bin neugierig, warum dies passiert und frage mich, ob es in Dreamweaver-Einstellungen oder in Notepad ++ -Einstellungen eine Möglichkeit gab, diese Registerkarten in etwas anderes zu konvertieren, damit sie übereinstimmen. Ist das möglich / wie?

Beispiele

Das obere Bild ist ein einfaches CSS in Notepad ++ und das untere ist der Code in Dreamweaver.

Oben: Notepad ++ - Unten: Dreamweaver

Das Bild auf der linken Seite ist Notepad ++ Tab-Einstellungen, das auf 4 eingestellt ist. Das Bild auf der rechten Seite ist Dreamweaver-Code-Formatierung, dessen Registerkarte ebenfalls auf 4 eingestellt ist.

Links: Notepad ++ - Rechts: Dreamweaver

Das Bild auf der linken Seite ist Dreamweaver und das Bild auf der rechten Seite ist Notepad ++, das die gleiche Schriftart Courier New 10px verwendet, obwohl es nicht so aussieht.

Links: Dreamweaver - Rechts: Notepad ++

Diskrepanzen

Im obigen Beispiel scheint es in Dreamweaver, dass die Klammer direkt bis zum Anschlag gedrückt wird. h6Dann tabwird ein doppelter Speicherplatz anstelle von vollen 4 Leerzeichen ausgeführt, während Notepad ++ eine Registerkarte mit 7 Leerzeichen ausführt, was sehr seltsam ist.

1
Welche Anzeigeschriftart verwenden Sie in Dreameaver und Notepad ++? In Ihrem zweiten Bild (Notepad ++?) Sieht es nicht wie eine Schrift mit fester Breite aus ... DavidPostill vor 9 Jahren 0
a) Verwenden Sie in beiden Fällen die gleiche Schriftart, und b) deaktivieren Sie in Dreamweaver die Option "Einzug mit 2 Leerzeichen". Können Sie auch die TAB / Whitespace-Zeichen in den Editoren sichtbar machen und die Screenshots erneut machen (damit die tatsächlich eingefügten Whitespace-Zeichen angezeigt werden)? Ƭᴇcʜιᴇ007 vor 9 Jahren 0
@ Ƭᴇcʜιᴇ007 Ich bin mir nicht sicher, wie man den TAB / Whitespace neben dem Hervorheben in einem der beiden Editoren sichtbar macht - gibt es eine einfachere Möglichkeit, dies zu tun, die hilfreicher wäre? Howdy_McGee vor 9 Jahren 0
Notepad ++: Ansicht-> Symbol anzeigen-> Leerraum und TAB anzeigen. Dreamweaver: Ansicht-> Codeansichtsoptionen-> Ausgeblendete Zeichen. :) Ƭᴇcʜιᴇ007 vor 9 Jahren 0
@ Ƭᴇcʜιᴇ007 Das ist cool, danke! Ich habe das erste Bild mit dem hervorgehobenen Tab / Space auf das Bild aktualisiert. Howdy_McGee vor 9 Jahren 0
Notepad verwendet definitiv KEINE Monospaced-Schrift in diesem Bild. Ƭᴇcʜιᴇ007 vor 9 Jahren 0
@ Ƭᴇcʜιᴇ007 IDK war die Standardeinstellung - Ich habe keine Stileinstellungen geändert. Dies sind globale Stile / Globale Überschreibungen, sodass sie standardmäßig überall verwendet werden. Howdy_McGee vor 9 Jahren 0

2 Antworten auf die Frage

3
harrymc

Ich glaube, das Problem liegt in der Standardeinstellung von Notepad ++ für CSS-Dateien.

Gehen Sie zum Menüeintrag Einstellungen / Stilkonfigurator und klicken Sie dann auf CSS und TAG.

image1

Sie werden feststellen, dass die verwendete Schriftart @Batang ist (von der ich persönlich nie etwas gehört oder verwendet habe). Diese Schrift sieht nicht so aus, als wäre es eine Monospace-Schrift.

Ändern Sie die Schriftart in die Standardeinstellung und klicken Sie auf Speichern und schließen:

image2

Hier ist die Anzeige, bei der sich das erste Bild vor und das zweite nach dieser Änderung befindet:

image3
image4

Das zweite Bild von after the change sieht jetzt eher wie eine Monospace-Schrift aus.

Sie können die Schriftarten noch etwas ändern, um besser mit Dreamweaver übereinzustimmen. Da ich es jedoch nicht verwende, weiß ich nicht, welche Schriftarten es zur Anzeige von CSS verwendet.

Ja, das war das Problem. Meine Globals waren Courier New, aber aus irgendeinem Grund war CSS anders. Jetzt weiß ich, dass ich die Schriftarten auf einer Sprachebene überprüfen muss, um mit Dreamweaver übereinzustimmen. Danke vielmals! Howdy_McGee vor 9 Jahren 0
1
heavyd

Wenn Sie sich das Bild genau ansehen, werden Sie feststellen, dass Notepad ++ die Monospaced-Schriftart nicht korrekt darstellt. Es scheint ein Problem mit dem Leerzeichen zu sein. Sehen Sie, wie sich die h4Tags nicht in einer Reihe befinden. Vergleichen Sie das mit dem Dreamweaver-Screenshot, in dem alle Zeichen in übersichtlichen Spalten angeordnet sind.

Diese StackOverflow-Frage scheint das gleiche Problem zu beheben, daher kann die CSS-Vorlagendatei etwas enthalten, das Probleme verursacht.