Copy link to clipboard
Copied
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.
// 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 theme | Dark theme |
---|---|
Download (.zip) install instruction here​ | Download file (.zip) install instruction here |
if you have any questions, ask me cheerfully
thank.
Copy link to clipboard
Copied
Thank you, very useful.
Copy link to clipboard
Copied
Hello
Thanks so much.
Gracias!!
Copy link to clipboard
Copied
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 ?
Copy link to clipboard
Copied
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..
Copy link to clipboard
Copied
too bad... so we must only rely on open close tag, ans tag selection highlight ?
Copy link to clipboard
Copied
.. it is so yet
Copy link to clipboard
Copied
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!
Copy link to clipboard
Copied
an they are not only visual, but reallt structural ? what is the addon ?
Copy link to clipboard
Copied
please follow this link Dreamweaver CC 2018 / light and dark themes