Improvements in HTML Editor With Visual Studio 2015
Overview
The HTML Editor has now been improved with Visual Studio 2015 Preview. It had been announced by Microsoft at the Visual Studio Connect() event on November 12, 2014. On that day many announcement were made by Microsoft's Professionals, the improvement to the HTML editor is one of those.
Let us learn about the major improvement in the HTML Editor with Visual Studio 2015 Preview. Here Visual Studio 2015 is the latest IDE of Microsoft. Now we are listing all the major improvements of the HTML Editor below.
Tooltip is available
# Region Support
Support for custom elements, polymer-elements and attributes.
Basic IntelliSence for Web Component
Tooltip is Available
As we know before the release of Visual Studio 2015 we couldn't use the tooltip attribute with HTML web components (HTML elements) like Button, Tex, Label, Image, Checkbox or any others but now we can use this attribute with HTML web components also. Now we can use tooltip with HTML elements without any extra help like JavaScript and jQuery.
Example (in Visual Studio 2015 Preview):
Visual Studio 2015
TooltipInVS2015
Notes
The preceding code is written in Visual Studio 2015 in which there is no error found in the editor like the following example written in Visual Studio 2010. But I would like to say that Visual Studio announced this about tooltip but we are getting Intellisense in the Preview version as well. There is no effect on this code. Because this version is released for testing puroses so we may hope that it will work fine in the final release.
Example (in Visual Studio 2010):
Visual Studio 2015
<%--TRY TO USE TOOLTIP IN HTML ELEMENTS--%>
TooltipInVS2010
Notes
Before the release of Visual Studio 2015 Preview, we used the "title" attribute to display something on mouse hover.
Example
TitleAtribute
# Region Support
Now we can use #region in HTML code to separate the specific block of code together as in C#. To use the #region in we need to use a starting tag of the region and an end tag. The following are the start and end tags of #region.
#region: It is the start tag of a # region
#endregion: It is the end tag of a # region
Example (in Visual Studio 2015 Preview):
#region
I am using the #region code in Visual Studio 2015 Preview but it behaves like simple text
#endregion
According to Microsoft #region is supportsed in Visual Studio 2015 but in the Preview version it's not working. We hope however that it will be fine in the final release of Visual Studio 2015 because the Preview version is released for testing purposes.
Example (in Visual Studio 2010):
Now we try to write the #region code in Visual Studio 2010 and see what it's effect is.
#region
I am using the #region code in Visual Studio 2010but it behaves like simple text
#endregion
HashRegionInVS2010
Support for custom elements, polymer-elements and attributes
Now Visual Studio 2015 also supports custom elements, polymer-elements and their attributes where polymer-element is a third-party component. It is used to create custom web elements. Let's see how it supports all these things.
Example (in Visual Studio 2015 Preview):
Custom elements
Polymer-element
Hello Friends! from my-custom-element
This is my custme element
created by polymer element
PolymerSupport
Basic IntelliSence for Web Component
It also provides some Intellisense for some web controls, like rel path, angular js, angular icons and and so on let's do one of these with an example.
Example
rel
Summary
In this article we leaned about the new improvements in the HTML Editor in Visual Studio 2015. We will explore more about it after the release of the Final Version of Visual Studio 2015. Thanks!
No comments :
Post a Comment