Как добавить элементы CSS3 в подсказки кода DW CS6

Question

Как добавить элементы CSS3 в подсказки кода DW CS6

Хорошо, я потратил немало времени, пытаясь исследовать плагины и / или расширения, которые позволили бы Dreamweaver намекнуть на несколько команд CSS3, которые не появлялись.

Я публикую решение ниже.

-1

css3 dreamweaver code-hinting

Источник

user4687250 27 фев '16 в 19:36

2 ответа

Решение

Я добавляю еще несколько полезных строк в XML. Кому-то еще это может понадобиться.

Как в ШАГЕ 4 добавить:

<menu pattern="justify-content:" additionaldismisschars=";:" allowwhitespaceprefix="true" displayrestriction="css" allowmultiplevalues="true">
  <menuitem label="flex-start" value="flex-start" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="flex-end" value="flex-end" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="center" value="center" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="space-between" value="space-between" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="space-around" value="space-around" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="!important" value="!important" icon="shared/mm/images/hintFlag.gif" />
</menu>
<menu pattern="align-items:" additionaldismisschars=";:" allowwhitespaceprefix="true" displayrestriction="css" allowmultiplevalues="true">
  <menuitem label="flex-start" value="flex-start" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="flex-end" value="flex-end" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="center" value="center" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="baseline" value="baseline" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="stretch" value="stretch" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="!important" value="!important" icon="shared/mm/images/hintFlag.gif" />
</menu>
<menu pattern="align-content:" additionaldismisschars=";:" allowwhitespaceprefix="true" displayrestriction="css" allowmultiplevalues="true">
  <menuitem label="flex-start" value="flex-start" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="flex-end" value="flex-end" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="center" value="center" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="space-between" value="space-between" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="space-around" value="space-around" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="stretch" value="stretch" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="!important" value="!important" icon="shared/mm/images/hintFlag.gif" />
</menu>

Как в ШАГЕ 5 добавить:

<menuitem label="justify-content" value="justify-content:" icon="shared/mm/images/hintMisc.gif" />
<menuitem label="align-items" value="align-items:" icon="shared/mm/images/hintMisc.gif" />
<menuitem label="align-content" value="align-content:" icon="shared/mm/images/hintMisc.gif" />

2

Источник

user10624277 08 ноя '18 в 14:38

Другие вопросы по тегам css3 dreamweaver code-hinting

user4687250 27 фев '16 в 19:36 2016-02-27 19:36 · Accepted Answer · 2016-02-27 19:36

Я выяснил МЕТОД, ЧТОБЫ ОТВЕТИТЬ НА СВОЙ ВОПРОС, но я подумал, что это будет полезно для других, которые должны сделать то же самое. Я лично собираюсь показать, как добавить все "гибкие" вещи на компьютер с Windows.

ШАГ 1 - Найдите файл

Используйте Проводник, чтобы перейти к; /Program Files/Adobe/Adobe Dreamweaver CS6/configuration/CodeHints/ это может быть в /Program Files (x86)/ папка.

ШАГ 2 - Разрешить доступ к CodeHints.xml

Щелкните правой кнопкой мыши на CodeHints.xml и нажмите вкладку безопасности. Перейти к вашему текущему пользователю (обычно Users (You\Users)) в списке и убедитесь, что он "изменить" включен. Если нет, нажмите "Изменить", выберите текущего пользователя во всплывающем окне и установите флажок "Изменить", затем нажмите "ОК" внизу и снова "ОК" на вкладке "Безопасность".

ШАГ 3 - Добавить flex как display: опция в CodeHints.xml

Используйте редактор, который может редактировать XML, такой как Sublime, Dreamweaver или любой текстовый редактор, и ищите display: - убедитесь, что вы добавили двоеточие в поиск.

Там будет два результата, вы хотите первый, который начинается <menu pattern="display:",

Добавить новый пункт меню <menuitem label="flex" value="flex" icon="shared/mm/images/hintMisc.gif" /> где-нибудь между открытием и закрытием

ШАГ 4 - Добавить flex-* теги.

После закрытия </menu> того, что display: блок добавить:

<menu pattern="flex-wrap:" additionaldismisschars=";:" allowwhitespaceprefix="true" displayrestriction="css" allowmultiplevalues="true">
  <menuitem label="nowrap" value="nowrap" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="wrap" value="wrap" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="wrap-reverse" value="wrap-reverse" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="initial" value="initial" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="inherit" value="inherit" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="!important" value="!important" icon="shared/mm/images/hintFlag.gif" />
</menu>
<menu pattern="flex-shrink:" additionaldismisschars=";:" allowwhitespaceprefix="true" displayrestriction="css" allowmultiplevalues="true">
  <menuitem label="initial" value="initial" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="inherit" value="inherit" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="!important" value="!important" icon="shared/mm/images/hintFlag.gif" />
</menu>
<menu pattern="flex-basis:" additionaldismisschars=";:" allowwhitespaceprefix="true" displayrestriction="css" allowmultiplevalues="true">
  <menuitem label="auto" value="auto" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="initial" value="initial" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="inherit" value="inherit" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="!important" value="!important" icon="shared/mm/images/hintFlag.gif" />
</menu>
<menu pattern="flex-grow:" additionaldismisschars=";:" allowwhitespaceprefix="true" displayrestriction="css" allowmultiplevalues="true">
  <menuitem label="initial" value="initial" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="inherit" value="inherit" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="!important" value="!important" icon="shared/mm/images/hintFlag.gif" />
</menu>
<menu pattern="flex-direction:" additionaldismisschars=";:" allowwhitespaceprefix="true" displayrestriction="css" allowmultiplevalues="true">
  <menuitem label="row" value="row" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="row-reverse" value="row-reverse" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="column" value="column" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="column-reverse" value="column-reverse" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="initial" value="initial" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="inherit" value="inherit" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="!important" value="!important" icon="shared/mm/images/hintFlag.gif" />
</menu>
<menu pattern="flex-flow:" additionaldismisschars=";:" allowwhitespaceprefix="true" displayrestriction="css" allowmultiplevalues="true">
  <menuitem label="row" value="row" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="row-reverse" value="row-reverse" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="column" value="column" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="column-reverse" value="column-reverse" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="nowrap" value="nowrap" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="wrap" value="wrap" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="wrap-reverse" value="wrap-reverse" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="initial" value="initial" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="inherit" value="inherit" icon="shared/mm/images/hintMisc.gif" />
  <menuitem label="!important" value="!important" icon="shared/mm/images/hintFlag.gif" />
</menu>

ШАГ 5 - Добавьте эти ярлыки в список подсказок.

Поиск display: снова иди второй, что-то вроде этого <menuitem label="display" value="display:" icon="shared/mm/images/hintMisc.gif" />

Добавьте ниже эту запись:

<menuitem label="flex-wrap" value="flex-wrap:" icon="shared/mm/images/hintMisc.gif" />
<menuitem label="flex-basis" value="flex-basis:" icon="shared/mm/images/hintMisc.gif" />
<menuitem label="flex-direction" value="flex-direction:" icon="shared/mm/images/hintMisc.gif" />
<menuitem label="flex-flow" value="flex-flow:" icon="shared/mm/images/hintMisc.gif" />
<menuitem label="flex-grow" value="flex-grow:" icon="shared/mm/images/hintMisc.gif" />
<menuitem label="flex-shrink" value="flex-shrink:" icon="shared/mm/images/hintMisc.gif" />

снова убедившись, что путь к значку совпадает с другими.

ШАГ 6 - Сохраните и перезапустите Dreamweaver.

ШАГ 7 - Будьте счастливы, ваш хинтинг кода работает!

Надеюсь, это поможет кому-то там.