Syntax Highlighting for LESS CSS in Dreamweaver CS5.5

This article describes how to add the .less extension to Dreamweaver so that it views it as CSS and thus performs proper syntax highlighting.
I'm using Dreamweaver CS5.5 and following those steps still doesn't work for me. It works perfectly fine in CS5 and earlier versions but not CS5.5.
Do you have any ideas? I'm modifying the following file as the above link suggests:
C:\Program Files (x86)\Adobe\Adobe Dreamweaver CS5.5\configuration\DocumentTypes\MMDocumentTypes.xml

Aegis Kleais wrote:
Sorry, Al, but I couldn't disagree more. Where I respect the fact that, as coders, we're rather ingrained with our workflow processes and, at times, hesitant to change, I've found LESS' benefits to be very worthwhile.
No need to apologize. Preprocessing is a topic on which there are differing opinions. You have one. I have one. There are advocates:
http://blog.urbaninsight.com/2012/04/12/ten-reasons-you-should-be-using-css-preprocessor
There are those who are not sold:
http://blog.millermedeiros.com/the-problem-with-css-pre-processors/
http://www.skybondsor.com/blog/css-preprocessors
There are those mostly sold:
http://css-tricks.com/musings-on-preprocessing/
There are even those who have been converted (but who might reverse at some later point):
http://cognition.happycog.com/article/preprocess-this
Heck, even I might be converted someday - or not
Bottom line for me, right now? I know I can write CSS that is better than most, more efficient than most, and easier to follow than most, and a preprocessor would add unwanted complexity. But that's for me. For someone not able to be organized intutively, or for a large - but carefully coordinated - team, a preprocessor could be a positive.
But not for me.
There are evolving trends - popular aspects of the technology that may and should find themselves being adapted into CSS. But I've been around this business as long as CSS has. I've seen buzzwords and trends and I've historically been spot-on in predicting the one that will stick. I think preprocessing will stick - but only insofar as it will be a catalyst for features in future versions of CSS. As a separate technology it makes no sense - to me

Similar Messages

How to enable syntax highlighting for jspf files on Dreamweaver CS5.5 on Mac

I ran into an issue where I couldn't get the color coding (color coding style) for java server pages fragments (.jspf) files to show syntax highliting.
I followed the adobe instructions on Changing and adding file extensions recognized by Dreamweaver without any luck.
Here is the solution that worked for me:
On a Mac:
1. Edit the /Users/YOUR USER/Library/Application Support/Adobe/Dreamweaver CS5.5/en_US/Configuration/DocumentTypes/MMDocumetTypes.xml
Note: the Adobe instructions tell you to edit /Applications/Adobe Dreamweaver CS5.5/Configuration/DocumentTypes/MMDocumetTypes.xml (Editing this file didn't do anything for me, so you need to change the file above instead)
Find,
<documenttype id="JSP" servermodel="JSP" internaltype="Dynamic" winfileextension="jsp,jst" macfileextension="jsp,jst" file="Default.jsp" writebyteordermark="false" mimetype="text/html">
Replace with,
<documenttype id="JSP" servermodel="JSP" internaltype="Dynamic" winfileextension="jsp,jst,jspf" macfileextension="jsp,jst,jspf" file="Default.jsp" writebyteordermark="false" mimetype="text/html">
2. Edit the /Users/YOUR USER/Library/Application Support/Adobe/Dreamweaver CS5.5/en_US/Configuration/Extensions.txt
In the All: section on top add the jspf extention right after jsp in my example it looked like this
HTM,HTML,SHTM,SHTML,HTA,HTC,XHTML,STM,SSI,JS,JSON,AS,ASC,ASR,XML,XSL,XSD,DTD,XSLT,RSS,RDF, LBI,DWT,ASP,ASA,ASPX,ASCX,ASMX,CONFIG,CS,CSS,CFM,CFML,CFC,TLD,TXT,PHP,PHP3,PHP4,PHP5,PHP-D IST,PHTML,JSP,WML,TPL,LASSO,JSF,VB,VBS,VTM,VTML,INC,SQL,JAVA,EDML,MASTER,INFO,INSTALL,THEME,CONFIG,MODU LE,PROFILE,ENGINE,SVG:All
and I added the jspf and it looks like this now,
HTM,HTML,SHTM,SHTML,HTA,HTC,XHTML,STM,SSI,JS,JSON,AS,ASC,ASR,XML,XSL,XSD,DTD,XSLT,RSS,RDF, LBI,DWT,ASP,ASA,ASPX,ASCX,ASMX,CONFIG,CS,CSS,CFM,CFML,CFC,TLD,TXT,PHP,PHP3,PHP4,PHP5,PHP-D IST,PHTML,JSP,JSPF,WML,TPL,LASSO,JSF,VB,VBS,VTM,VTML,INC,SQL,JAVA,EDML,MASTER,INFO,INSTALL,THEME,CONFIG,MODU LE,PROFILE,ENGINE,SVG:All
That's it, Quit Dreamweaver and open it up again. Open the .jspf file and see the color coding (syntax highlighting)
Hope this helps you and seves you time figuring it out. If this helped, do a good thing, next time you figure something out, tell others about it to save their time too, like I did. Enjoy.

TheGrandNabib wrote:
I don't seem to have a user Library folder, my only Library folder is on the same level as my Users folder.
From Locating your personal configuration folder in the Dreamweaver FAQ:
In Mac OS X (Lion and Mountain Lion), open Finder and press Shift-Cmd-Go. Type ~/Library/Application Support in the dialog box, and click Go. You should then be able to find the configuration folder.

How do I enable syntax highlighting for jspf files on Dreamweaver CS6 on Windows?

I followed the instructions (which I modified for CS6) in this posting: http://blog.metameister.com/blog/2011/04/08/open-new-file-types-and-add-syntax-highlightin g-in-dreamweaver-cs5-on-window…
but it did not work for CS6.
How do I enable syntax highlighting for jspf files on Dreamweaver CS6 on Windows 7?
cheers
Marvin in Edmonton

Ok, I figured it out after hunting for a few hours.
Step 1. Add the File Type
In Dreamweaver’s toolbar:
Select Edit > Preferences;
under File Types / Editors, add .jspf to the line “Open in Code View:”.
Step 2. Extensions.txt
Add file type .jspf to the Extensions.txt files. There are two of these files:
C:\Users\[username]\AppData\Roaming\Adobe\Dreamweaver CS6\en_US\Configuration
C:\Program Files (x86)\Adobe\Adobe Dreamweaver CS6\configuration
Step 3. MMDocumentTypes.xml
Add jspf to the MMDocumentTypes.xml files. Open this file in Notepad or Text Editor. Do not modify the Dreamweaver configuration files within Dreamweaver.
There are three MMDocumentTypes.xml files to be modified:
C:\Program Files (x86)\Adobe\Adobe Dreamweaver CS6\configuration\DocumentTypes
C:\Users\mhaagsma\AppData\Roaming\Adobe\Dreamweaver CS6\en_US\Configuration
C:\Users\mhaagsma\AppData\Roaming\Adobe\Dreamweaver CS6\en_US\Configuration\DocumentTypes\
Step 4. Restart Dreamweaver
Hopefully the file type will now be recognized and appear with syntax highlighting.

Dreamweaver CC syntax highlight for Less

How to Make Dreamweaver CC syntax highlight , default syntax highlight have some problem。Thanks。

Thanks lnayal.
I edit Less Code Coloring .
But Syntax highlight Like Before .
I want to Make Syntax highlight Like the left pic.
Like This .
http://www.dmxzone.com/go/21528/dmxzone-less-css-compiler

Syntax Highlighting for custom file extensions

Hi everyone.
I am currently working on a PHP project, and we are using
*.thtml files for templates. The file isn't supported by
Dreamweaver, as it's a fictional file extension. First I couldn't
even open it with Dreamweaver, but after I added it in
settings/file types, it worked.
Now my question - how can I activate syntax highlighting for
this filetype? It contains HTML and PHP, so it should work with the
same highlighter as all the other file types do..
Can someone help me out?
Thanks.
- Chris

Got it
http://alexle.net/archives/119

Pacman.conf file syntax highlighting for nano

Hi, here is pacman.conf file syntax highlighting for nano. It may be useful for those who edit their pacman.conf regularly.
Just put this lines in the end of your /etc/nanorc or ~/.nanorc file:
# syntax highlithing in pacman.conf
syntax "pacman.conf" "pacman\.conf$"
color brightwhite start="\[" end="\]"
color brightyellow ".*="
color brightred "=.*"
color white "="
color brightblue "\[|\]"
color brightcyan start="/|http|ftp" end=".*"
color green "#.*"
In this thread you can find rc.conf file syntax highlighting.

thank you! i always accidentally open up nano, find out text is practically unreadable with its default colours, close it and then wait the horrific 4 seconds it takes for emacs to spring to life.

Rc.conf file syntax highlighting for nano

Hey, here is rc.conf file syntax highlighting for nano. It may be useful for those who edit their rc.conf regularly.
# syntax highlithing in rc.conf
syntax "rc.conf" "rc\.conf$"
color brightwhite ""(\\.|[^\"])*""
color brightwhite "$(\\.|[^\"])*$"
color brightred "![^> ]+"
color brightcyan "@[^> ]+"
color brightyellow ".*="
color white "="
color brightblue ""|$|$"
color green "#.*"
Put this lines into /etc/nanorc or ~/.nanorc

thank you! i always accidentally open up nano, find out text is practically unreadable with its default colours, close it and then wait the horrific 4 seconds it takes for emacs to spring to life.

Syntax Highlighting for MATRIXx MathScript and TPL

There have been some questions about text editors for MATRIXx, so I wanted to let everyone know about an application note that we just posted. It describes how to configure a syntax highlighter for use with MathScript and Template Programming Language (TPL). There is also an example of how Crimson Editor can be configured. I choose Crimson Editor because it was free, but the same thing can be done in other syntax highlighters. Using a syntax highlighter makes MATRIXx code a lot easier to read.
http://zone.ni.com/devzone/conceptd.nsf/webmain/C43375149CB01C3186256E530081EAA5
While I am at it, I am going to point out some other resources. The application note is located on Developer Zone section of our website, where
you can find other MATRIXx examples and tutorials:
http://zone.ni.com/devzone/devzone.nsf/webcategories/A92DB8BA2DE149F486256CBC00655A0C?opendocument
If you have code or examples that you want to share with other users you can submit the example to the Example Code Library:
http://www.ni.com/devzone/dev_exchange/ex_search.htm
Suggestions and feedback can be submitted from Product Feedback section of Contact NI:
http://sine.ni.com/apps/we/nicc.call_me?p_action=country&p_lang_id=US
And of course the main MATRIXx page is:
http://www.ni.com/matrixx
Carl L
National Instruments

I found another editor with syntax highlighting capabilities for MATRIXx. The editor is VIM which is based on the Unix VI editor, and is available on both Solaris and Windows.
www.vim.org
Carl L
National Instruments
www.ni.com/matrixx

Extension for HTML5 tags in Dreamweaver CS5.5??

Hi, I'm currently using Dreamweaver CS5.5 and i 'd like to ask whether there's any extension or update available that updates the Insert Panel in order to support HTML5 tags?

Aegis Kleais wrote:
Sorry, Al, but I couldn't disagree more. Where I respect the fact that, as coders, we're rather ingrained with our workflow processes and, at times, hesitant to change, I've found LESS' benefits to be very worthwhile.
No need to apologize. Preprocessing is a topic on which there are differing opinions. You have one. I have one. There are advocates:
http://blog.urbaninsight.com/2012/04/12/ten-reasons-you-should-be-using-css-preprocessor
There are those who are not sold:
http://blog.millermedeiros.com/the-problem-with-css-pre-processors/
http://www.skybondsor.com/blog/css-preprocessors
There are those mostly sold:
http://css-tricks.com/musings-on-preprocessing/
There are even those who have been converted (but who might reverse at some later point):
http://cognition.happycog.com/article/preprocess-this
Heck, even I might be converted someday - or not
Bottom line for me, right now? I know I can write CSS that is better than most, more efficient than most, and easier to follow than most, and a preprocessor would add unwanted complexity. But that's for me. For someone not able to be organized intutively, or for a large - but carefully coordinated - team, a preprocessor could be a positive.
But not for me.
There are evolving trends - popular aspects of the technology that may and should find themselves being adapted into CSS. But I've been around this business as long as CSS has. I've seen buzzwords and trends and I've historically been spot-on in predicting the one that will stick. I think preprocessing will stick - but only insofar as it will be a catalyst for features in future versions of CSS. As a separate technology it makes no sense - to me

[SOLVED] VIM: different syntax highlighting for new vs existing file

I've had this minor nagging issue for a while that I've been trying to figure out, but I just don't know where to look.
It is most obvious with LaTeX files (*.tex). When I create a new file with "vim file.tex" it is recognized as a latex file and I get syntax highlighting, but it seems odd, or off. When I close then reopen the same file, it gets "propper" syntax highlighting.
I gather that this must be because of the two different mechanisms for matching the syntax type: filename versus content. When the file is new, vim only uses the extension. Once there is a latex comand (e.g., "\documentclass{article}") it recognizes it as something else and the highlighting style is different.
It turns out just by actually elaborating exactly what the problem was, I was able to find the solution. I looked for how vim recognizes the files, and found two relevant lines in /usr/share/vim/vim73/filetype.vim on lines 2093 and 2094. Apparently the .tex filetype is not the same as .latex and others. I changed it so it was, and I got the desired behavior.
I thought about just not posting this - but it may be useful for others.

You're right about it being overridden. This change should be able to be placed in ~/.vimrc though.
Well that was foolish - I should have read the comments right below in that file. It says exactly how to set it in vimrc. I've now added the following to my ~/.vimrc and this is completely solved without modifying the /usr/... file.
let g:tex_flavor = "tex"
Last edited by Trilby (2013-03-29 16:11:26)

How can I set Fire FTP to open a .less file in Dreamweaver CS5?

I have it set so that double-clicking a file will open it in a particular programme.
For example, double-clicking a .css file will force Dreamweaver to open the file.
But I do not know how to make Dreamweaver open a .less file.
Anyone any ideas?
Thanks

Addons are developed by third party developer. you can contact FireFTP developer
*https://addons.mozilla.org/en-US/firefox/user/mime-%C4%8Duvalo/
*http://fireftp.net/

How to use Event Tracking Code for Google Analytics in Dreamweaver CS5

I need to track clicks on links that go to an outside website. I've read about "event tracking code". I'm not sure if it's the right tool to use. And if it is, I've spent several hours reading about it and I can't figure out how to use it. It looks like you need to be an expert developer to be able to make sense of all this. I've always been helped when I ask a question here, I'm hoping that someone can help me.
What my client needs is to know what links are being clicked, and how often. Here's the page where I want to do this: Available Homes - Arizona Vacation Home Rentals
I added a code that I created using the tool I found here: General Event Tracking Code for Google Analytics but can't see to be able to make this work. I added this code to the first link called "View it Here" for the top, left house. Here's the code: <a href="http://www.homeaway.com/vacation-rental/p3495538" onClick="ga('send', 'event', { eventCategory: 'clicks', eventAction: 'clicks on homes', eventLabel: 'Clicked'});" target="_blank">View it HERE!</a>
Then I set a Goal in Google Analytics like it said in the instructions but it doesn't seem to work... I would APPRECIATE ANY HELP!
Thanks,
Brigitte

I think you misunderstood what Event Tracking is designed for. This is from Google Help
Tracking Code: Event Tracking - Google Analytics — Google Developers
"Use this to track visitor behavior on your website that is NOT related to a web page visit, such as interaction with a Flash video movie control or any user event that does not trigger a page request."
Clicks on links are page requests. I think for your purposes, you may want the Cross Domain Link Tracking plugin.
Cross Domain Tracking - Web Tracking (analytics.js) - Google Analytics — Google Developers
Nancy O.

Does Dreamweaver CS5.5 support in-app purchases for mobile apps?

I am starting to take a look at developing a mobile app for my business and Dreamweaver CS5.5 looks like the platform I am going to use. My question is this: do apps built this way have support for in-app purchases?
Thanks.

If you are asking can you develop it I don't see why not. Just refer to the documentation from the appropriate Marketplace for details on setting up in-app purchasing restrictions and requirements. If you are asking if there is a built-in function to make an easy "in-app purchase button" I would lean towards the No on this answer because I don't believe that is in DW.

Enable syntax highlighting with configuration file in emacs

When editing configuration files such as .procmailrc, .fetchmailrc, Emacs won't automatically highlight syntax for me.
I can enable syntax highlighting in Vim by appending "syntax on" to the .vimrc.
I tried adding "global-font-lock-mode t" in the .emacs file, but it didn't solve my problem.
What is the solution?

igndenok wrote:
Some of my config file have this (using conf-unix-mode)
# this is .somerc
# -*- conf-unix -*-
Or using this in your .emacs
(add-to-list 'auto-mode-alist '("\\.*rc$" . conf-unix-mode))
I followed your advice, and it does have some syntax highlighting, but less than Vim does.
For example, Vim will highlight all the names of colors in the .muttrc file, but Emacs doesn't.
I guess Emacs is not as strong as Vim when it comes to editing configuration files.
Last edited by yu3k (2011-09-14 10:06:47)

Dreamweaver cs5 and Jquery

Hi. I was looking for "Flash Elements" on Dreamweaver cs5, so that I can use the Image Viewer to put pictures on my wesbite.
There was no "Flash Elements" option in the Insert tab. I did some research and apparently I needed a jquery code. I found a free code on a website and I downloaded it and it is saved on my computer.
I don't know what I am supposed to do with this code, or how I am supposed to implement it into dreamweaver so that the Flash Elements option appears in my Insert tab.After the file downloaded, I got a notification message on dreamweaver that said something like "jquery.tn3lite.min is a view only file. what would you like to do with it?" The options were View, Make writeable, and Close. I clicked View and I am not sure how to proceed from there. The document that opened in code view contains a ton of content in it.
Please tell me the steps I need to take from here to get the Flash Elements - Image viewer in the Insert tab.
Thanks in advance.
Regards,
Laila

Seems to be some confusion here.
Please tell me the steps I need to take from here to get the Flash Elements - Image viewer in the Insert tab.
There are none.
Adobe dropped the Flash Image Viewer from Dreamweaver starting in CS4. It won't be back. There are much better ways of achieving slideshows these days.
There was no "Flash Elements" option in the Insert tab. I did some research and apparently I needed a jquery code. I found a free code on a website and I downloaded it and it is saved on my computer.
I don't know what I am supposed to do with this code, or how I am supposed to implement it
jQuery has nothing to do with Flash Elements - Image Viewer.
jQuery is one good way to get a slideshow working on your webpage but understand what it is before you try to use it.
http://docs.jquery.com/How_jQuery_Works
Try
http://www.1stwebdesigner.com/css/fresh-jquery-image-gallery-display-solutions/

Syntax Highlighting for LESS CSS in Dreamweaver CS5.5

Similar Messages

Maybe you are looking for