Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
2

Dreamweaver CC 2017 indent guides and how to

Explorer ,
Oct 05, 2017 Oct 05, 2017

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).

indent_guide_a.pngfirst 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
indent_guide_d.pngindent_guide_e.png

Download (.zip)

install instruction here​

Download file (.zip)

install instruction here

if you have any questions, ask me cheerfully

thank.

5.9K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 05, 2017 Oct 05, 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!
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Oct 09, 2017 Oct 09, 2017

Hello

Thanks so much.

Capture.PNG

Gracias!!

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 07, 2017 Nov 07, 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 ?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Nov 07, 2017 Nov 07, 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..

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 14, 2017 Nov 14, 2017

too bad... so we must only rely on open close tag, ans tag selection highlight ?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Nov 16, 2017 Nov 16, 2017

.. it is so yet

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Nov 16, 2017 Nov 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!

dw.jpg

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 02, 2017 Dec 02, 2017

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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Dec 02, 2017 Dec 02, 2017
LATEST
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines