Comments (8)
Hello, which version of the extention do you have? and what is your system?
from html-snippets.
-- Sorry for the English, I used Google Translator --
I would also like to hit enter if the line break was made, but different from what @fmrogers said, I would have preferred it already formatted. In other words, a blank line was inserted between the tags (opening and closing) and the cursor already had the 'tab'.
eg. <div>|</div>
(using the pipe character to illustrate the cursor)
If you hit enter top open the structure as so:
eg.
<div>
|
</div>
I have version 0.0.18 of the extension.
from html-snippets.
Hello @Tekbr
I dont understand what you are trying to do.
the div
command gives you the following code:
<div>
|
</div>|
*the bar |
is where the cursor can be, using the tab key to move between the positions.
can you explain further please.
from html-snippets.
things seams have changed for me, now i experience this after i hit enter.
eksample:
<div>
|</div>
from html-snippets.
I have just tested using:
OS: OSX 10.11
VSCode: 1.8.1
Extension: 0.0.18
I have tested the three scenarios, and have provided a gif showing the output for each case, these are expected results, this is actually the design of VSC snippet engine I have no control over it.
If you are experiencing a behavior other than what is shown in the gif then I expect there is a bug in the VSCode engine.
// pressing Enter:
// will move to the next position and mark the previous position as complete
// pressing Tab:
// will allow you to circulate between positions endlessly
// pressing Esc:
// will mark all positions as complete and leave cursor where it is
from html-snippets.
-- Sorry for the English, I used Google Translator --
I tested using:
OS: Windows 10 v1611
VSCode: 1.9.0 - insider
Extension: 0.0.18
My problem is not necessarily with the div tag (I used it as an example), but its behavior must be the same for all, or there is a way to configure which tags should have this behavior, having to break the line automatically.
When using the div tag, I have the same behavior as you showed in the gif.
I do not know if it was clear ... Sorry for the English
When I use HTML Snippets and I click enter with the h5 tag
When I use HTML Snippets and I click tab with the h5 tag
Here when I use the Auto Close Tag extension and click enter with h5 tag
from html-snippets.
@abusaidm Did you undersand? Sorry for the above English.
from html-snippets.
hello,
what you experienced there is the VS Code html engine, in recent versions the VS Code added native support for html in html files, if you open a file that is deemed html by vscode, and you disable html snippets, you can simply use the '<' notation to unlock the html tags.
we cant replicate this with snippets as the api is limited in its ability.
Sorry for late reply, extremely busy past few days.
from html-snippets.
Related Issues (20)
- Div tag conflicts with editor.wordBasedSuggestions settings.json after first use HOT 2
- CMD-K F Closes the Editor And Does Not Format HOT 1
- Support for html entities HOT 1
- Wrong description for track HOT 1
- Missing tag HOT 1
- Change everything to tag HOT 1
- The extension blocks Emmet from working HOT 1
- Autocompleting should not work inside tags
- Html Snippets not working in Laravel Blade PHP File HOT 10
- How can I use the snippets with an engine like pug?
- What extensions does it conflict with? HOT 4
- Snippets are not working
- Not working: Ubuntu VSCode
- Snippets not working after installing django plugin HOT 1
- Not Smooth Auto Complete Closing Tag
- No doc in json file
- How to add new code snippets?
- How make it work with any file extension ?
- CAN YOU PLEASE REPLACE EXISTING SNIPPET WITH THIS ONE...???
- Currently not working? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from html-snippets.