Git Product home page Git Product logo

Comments (8)

 avatar commented on July 20, 2024

Hello, which version of the extention do you have? and what is your system?

from html-snippets.

Tekbr avatar Tekbr commented on July 20, 2024

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

abusaidm avatar abusaidm commented on July 20, 2024

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.

fmrogers avatar fmrogers commented on July 20, 2024

things seams have changed for me, now i experience this after i hit enter.

eksample:

<div>
    |</div>

from html-snippets.

abusaidm avatar abusaidm commented on July 20, 2024

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

case 1

// pressing Tab:
// will allow you to circulate between positions endlessly

case 2

// pressing Esc:
// will mark all positions as complete and leave cursor where it is

case 3

from html-snippets.

Tekbr avatar Tekbr commented on July 20, 2024

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

h5 enter

When I use HTML Snippets and I click tab with the h5 tag

h5 tab

Here when I use the Auto Close Tag extension and click enter with h5 tag

h5 enter 1

from html-snippets.

Tekbr avatar Tekbr commented on July 20, 2024

@abusaidm Did you undersand? Sorry for the above English.

from html-snippets.

abusaidm avatar abusaidm commented on July 20, 2024

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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.