Skip to main content
Known Participant
October 5, 2017
Question

Dreamweaver CC 2017 indent guides and how to

  • October 5, 2017
  • 3 replies
  • 5902 views

ok, i have solution finally.

after few hours of research i have solution how to create indent guides in dreamweaver cc 2017 functional. of course indentation works on lines with wrap text now correctly (see images below).

first of all, you must use TAB indentation in your code. my settings are show on picture.

sorry, but space not create specific tag in code editor which is need for styling.

lets go.. open your main.less file and copy this code somewhere.

  • if you use modified theme, file location is C:\Users\~name~\AppData\Roaming\Adobe\Dreamweaver CC 2017\en_US\Configuration\Brackets\extensions\user
  • if you use default theme, file can be found C:\Program Files\Adobe\Adobe Dreamweaver CC 2017\www\extensions\default\~UsedTheme~

// indent guide settings

.CodeMirror pre {

overflow: hidden;

}

.cm-tab {

position: relative;

}

.cm-tab:after {

content: '';

position: absolute;

border-left: 1px solid #cccccc; // your color choice

top: 0px;

left: 3px;

width: 0px;

height: 100vh;

}

save and enjoy!

..or you can download my edited themes where indentation is now implemented.

Light themeDark theme

Download (.zip)

install instruction here

Download file (.zip)

install instruction here

if you have any questions, ask me cheerfully

thank.

This topic has been closed for replies.

3 replies

NetoperAuthor
Known Participant
November 16, 2017

i researching something.. look at the screenshot! maybe the dream will be reality!

custom code coloring for specific tags (so it's not problem create same theme like DW2015)! and indent guides now it`s not defined in main.less but as a addon!

B i r n o u
Legend
December 2, 2017

an they are not only visual, but reallt structural ? what is the addon ?

NetoperAuthor
Known Participant
December 2, 2017
Participant
October 9, 2017

Hello

Thanks so much.

Gracias!!

B i r n o u
Legend
November 7, 2017

as one can see on this last screen shot... the TABed line are looking nice, but the indent code is not well formated and that doesn't help anyhow on formating it correctly... so it this is only a fake visual rendering ... and not at all structural ... did I missed a step ?

NetoperAuthor
Known Participant
November 7, 2017

yes, is only visual help where TAB is stylized as you can see on my code in first post. code mirror in core does not support indent guides then is not possible to make structural indent lines helper. maybe with help by addon, but i can not find any. and nevertheless, dreamweawer not support addons.. in addition, dreamweaver source code which handle this is minified, then ist not possible change whatever..

BenPleysier
Community Expert
Community Expert
October 6, 2017

Thank you, very useful.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!