Notepad ++ и Dreamweaver - преобразования вкладок

749
Howdy_McGee

Я работаю в команде разработчиков. Некоторым нравится использовать Dreamweaver, но я действительно предпочитаю Notepad ++. Проблема возникает, когда нам нужно редактировать файлы друг друга, а вкладки не совпадают / выравниваются (отступ). Мне интересно, почему это происходит, и мне интересно, есть ли способ в настройках Dreamweaver или Notepad ++ преобразовать эти вкладки во что-то другое, чтобы они соответствовали друг другу. Это возможно / как?

Примеры

Верхнее изображение - простой CSS в Notepad ++, а нижнее - код внутри Dreamweaver.

Top: Notepad++ - Bottom: Dreamweaver

Изображение слева - «Параметры вкладки Notepad ++», значение которого равно 4. Изображение справа - «Форматирование кода Dreamweaver», для которого также установлено значение «4».

Left: Notepad++ - Right: Dreamweaver

Изображение слева - Dreamweaver, а изображение справа - Notepad ++, который использует тот же шрифт Courier New 10px, хотя и не выглядит так.

Left: Dreamweaver - Right: Notepad++

Расхождения

В вышеприведенном примере в Dreamweaver кажется, что брекет-скобка непосредственно до h6затем tabделает двойной пробел вместо целых 4 пробелов, где Notepad ++ делает вкладку «7 пробелов», что очень странно.

1
Какой экранный шрифт вы используете в Dreameaver и в Notepad ++? На вашем втором изображении (notepad ++?) Оно не похоже на шрифт фиксированной ширины ... DavidPostill 9 лет назад 0
а) Используйте один и тот же шрифт в обоих, и б) попробуйте отключить опцию «Отступ с двумя пробелами» в Dreamweaver. Кроме того, не могли бы вы сделать символы TAB / пробелы видимыми в редакторе (редакторах) и заново сделать снимки экрана (чтобы мы могли видеть фактические вставляемые символы пробела)? Ƭᴇcʜιᴇ007 9 лет назад 0
@ Ƭᴇcʜιᴇ007 Я не уверен, как сделать так, чтобы TAB / Whitespace были видны в любом редакторе, кроме выделения - есть ли более простой способ сделать это, который был бы более полезным? Howdy_McGee 9 лет назад 0
Блокнот ++: View-> Show Symbol-> Show White Space и TAB. Dreamweaver: Вид-> Параметры просмотра кода-> Скрытые символы. :) Ƭᴇcʜιᴇ007 9 лет назад 0
@ Ƭᴇcʜιᴇ007 Круто, спасибо! Я обновил первое изображение на изображение с подсветкой табуляции / пробела. Howdy_McGee 9 лет назад 0
Блокнот определенно НЕ использует моноширинный шрифт в этом изображении. Ƭᴇcʜιᴇ007 9 лет назад 0
@ Ƭᴇcʜιᴇ007 IDK, который был по умолчанию - я не изменил никаких настроек стиля - это глобальные стили / глобальные переопределения, поэтому по умолчанию он используется везде. Howdy_McGee 9 лет назад 0

2 ответа на вопрос

3
harrymc

I believe that the problem is with the default styling of Notepad++ for CSS files.

Go to the menu entry of Settings / Style Configurator, then click on CSS and TAG, getting this :

image1

You will notice that the font used is @Batang (which I personally never heard of or used). This font does not look like it is a monospace font.

Change the font to the default and click Save & Close :

image2

Here is the display, where the first image is before and the second after this change :

image3
image4

The second image, from after the change, looks now much more like a monospace font.

You could change the fonts some more, to better agree with Dreamweaver. However, as I do not use it, I do not know what fonts it uses for displaying CSS.

Да, это была проблема. Мои глобалы были Courier New, но по какой-то причине CSS был другим. Теперь я знаю, что мне нужно проверить шрифты на уровне языка, чтобы соответствовать Dreamweaver. Благодаря тонну! Howdy_McGee 9 лет назад 0
1
heavyd

If you take a close look at the image, you'll notice that Notepad++ is not rendering the monospaced font correctly. It appears to be an issue with the space character. See how the h4 tags don't line up. Compare that to the Dreamweaver screenshot where all the characters are lined up in neat columns.

This StackOverflow question seems to be addressing the same problem, so there may be something in the CSS template file that's causing problems.

Похожие вопросы