I'm working on a web project in Visual Studio 2013 and I'm not able to see the classic colors for HTML tags (Maroon, Blue and Red). Instead all the HTML is black, except the Razor blocks, they show ok.
When I go to the Fonts options the colors are configured correctly but the editor seems to not consider the configuration values.
Any help would be appreciated.
Do you mean that the source code doesn't have syntax highlighting within the Visual Studio editor, outside of the Razor blocks?
It's possible that your default editor for cshtml files got switched to the wrong one somehow. Try right-clicking one of the cshtml files in question, doing an "Open With...", and choosing "HTML Editor".
If that doesn't work, try disabling any extensions you have installed that touch the HTML editor (e.g. Web Essentials, Productivity Power Tools, Indent Guides, etc).
If that doesn't work, I'd try resetting your settings from Tools > Import and Export Settings... > Reset all settings. You can back your settings up first, so you can restore them afterward if resetting them doesn't help.
Finally, if none of that works, I would try running a repair on Visual Studio from the installer. I've seen that fix strange issues like this before.
Related
So version before 1.30 worked fine, and did close the Tags in .html file, but as of 1.30 update I can't finish and then try to close it with
I have tried to delete config.json file, also tried to turno on every possible option for auto-close and auto-complete tags in options, but nothing worked.
And Sublime it's working fine. I downloaded plugin to transfer Sublime confing into Visual Studio Code but without success. Hope you can help me out, since i've been trying to fix this problem 3 hours now.
I had the same problem, then I noticed that my select language mode was something like Django HTML. Solved after changing it.
You might have opened a file before that changed the language mode. So first, check the language shown at the bottom-right of the VS Code window (status bar), then follow the steps bellow.
Go to settings (or edit the settins.json file) and search emmet.includeLanguages, then press add item under Emmet: Include Languages. input the language you are using in item field and html in value field.
I am learning web design with Aptana and I have ran into a weird problem. The HTML editor does not recognize main element. Therefore, my .css file cannot select main element to style it. I have checked under windows --> preferences --> general --> editors and have made sure the HTML editor is default and selected. The only others are two text editors and web browser. Any fixes to this? Is it possible to download a better editor and install into Aptana? It has an add button.
I suppose that this element is not recognized because it is relatively new: at this time, it is not yet supported by the HTML Editor in Eclipse Web Tools for Neon.3, as you can see on this bug report for example).
You can also see these other related questions:
HTML5 Pass-Through element causes Eclipse warning 'Unknown tag'
"Unknown tag (main)" warning in JSP file in Eclipse
Warnings of valid HTML5 attributes in Eclipse
Is HTML and CSS live preview available in Visual Studio 2015? if so, how to activate it?
if not is there any plugin for Visual Studio 2015 to use this feature?
I found a plugin in the Visual Studio Marketplace. The name of the plugin is Live HTML Previewer. Here is the link
I'm not sure if there is an out-of-the-box feature in Visual Studio to do this (I don't do much web development), but a quick Google search returned these extensions that might help you:
Live HTML Previewer
HTML Preview
Web Essentials - This one I've actually seen before, and know to be quite powerful
You could right-click on your project name and check if it offers an option for 'Page Inspector'.
If it does and you select it, it will open a panel on visual studio that shows your app as it would show in a browser with the html below in a separate section of the panel as well as a separate section for the style, etc.
Similar to what you see when you open developer tools on a browser, but with a preview included.
While you can't change the code in the panel's html section, you can make changes to your actual project files and update the preview by clicking the yellow notification bar indicating that the files have changed.
You can even expand or reduce the preview panel, and if you app is responsive, it will be responsive in the panel as well.
I'm using eclipse Juno EE IDE for Web Developers.
When I open .tml files, they don't show the correct highlighting and auto complete isn't working. I thought this looked just like it's opening it in a text editor. I right clicked the .tml file and clicked open with > HTML editor and I still don't get the correct highlighting.
This works perfectly on my PC at home, I am at work and it doesn't work properly. Please can someone give me a quick heads up on what setting is wrong? I've spent ages looking and trying different editors, but i'm sure it should just work in the html editor.
Thanks,
Edit: When I hover over the underlined closing html tag, it says "The word is not spelt correctly". It's like it's a text editor, only I did right click > open with html editor.
(If not using Tapestry Tools, as uklance mentioned)
Remember that in addition to editing Eclipse's File Association configuration in:
Window->Preferences->General->Editors->File Associations
you should add the *.tml extension in the Content Types configuration in:
Window->Preferences->General->Content Types
there you should chose html or xml and click add to add *.tml
Have you seen the Tapestry Tools eclipse plugin?
Or you can just add a file association for *.tml to the XML or HTML editors.
Another alternative is using the JSP editor and a custom tld
I have installed the latest version of netbeans and its working.. I have opened an html file but i don't see where i can preview it..
Does it support HTML preview inside the IDE?
Do i need a plugin?
I would like to view in design mode at least so i can design in the ide ...
All i see is pure html ...
any ideas?
thanks
Download NetBeans for PHP, open an HTML file and you will see
I don't believe this feature is in Netbeans as of 6.7 I'm afraid. There is CSS preview, but I assume that falls short of the full preview you require. You can preview it directly in the browser by selecting "view" in the context menu, but that again is nowhere near the full preview which you require.
Searching plugins.netbeans.org also proves fruitless.
"Web Preview" and "Embedded Browser UI - XUL Runner" solution is only working at Windows systems. My solution is using an external HTML WYSIWYG Editor for Mac OS X. There are some nice free/open source HTML interface builders:
http://www.kompozer.net/
http://ckeditor.com/
http://www.w3.org/Amaya/
Alternatively you can use HTML palette + Netbeans HTML Source editor. Click Window + Palette. At the right hand side palette will be opened which contains basic HTML elements. You can drag & drop elements to your source code as visual designers but it only creates code. This function can also help you for some basic tasks.