When editing HTML in Sublime Text autocomplete <img> path - html

Does sublime text3 has file path prompt?
for example :
<img> tag
src="img/apple/pic.jpg"
after img/ it can automatic prompt

Sublime Text does not come with these features preinstalled. However, it's very likely that a plugin such as this one (I haven't tried it) will solve your issue. If it's an image you use like all the time, you can make it a snippet if you'd like so you could type apic for example, press tab, and it would expand. Otherwise, try the plugin.

Related

Jump into HTML tag keyboard shotcut in vscode

I've spent some time looking through the docs and keyboard shortcut options and I've been unable to find this specific feature inside vscode, sublime text, or atom. It seems to obvious that I must be missing something.
What is the keyboard shortcut or name of the setting to jump into an html tag from the outside? I know the emmet plugin supports tabbing through on initial setup but if my cursor is to the right of the tag is there a shortcut to jump into the middle of the tag?
For example
is there a way to go from cursor being here
<label>Name</label> |
to here
<label>Name|</label>
without keying left 8 times?
Try extensions like HTML Snippets or HTML CSS Support.
It auto completes the html tags.
Or in normal case, try Ctrl+Left Arrow
It shifts left by one word.
VScode extensions like: jumpy, Code Ace Jumper, MetaJump - allow you to easily jump through code in your window.

Highlighting works incorrectly with media queries in sublime text 2

Whenever I create an #media in CSS and add tags behind it the first tag doesn't get highlighted.
Is there any known way to fix this problem?
I don't have that problem so you could look into another theme. I also tested the current theme you have which did not cause the same problem.
You can update your ST2 or look into another theme.
Here are some great themes,
Piatto
Tomorrow color scheme
Enlightened color scheme
If you have not setup your ST2's Package Control then here is a great website to get it started.
Here is another Package Control Link from Sublime text. This site will always be up to date and includes info for both Sublime Text 2 and Sublime Text 3.
Hit "Control + `" in sublime text and then add the following code,
import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())
Next just hit control + shift + p then type "install" to acces packages.

Sublime Text 2 Tab Auto-Complete

I have mostly worked in Adobe Dreamweaver (don't hate too much, I really like some of its feature that I'm about to mention). I'd really like to become proficient in Sublime Text 2. There are two things I'm looking to figure out:
When I start typing a tag and it auto suggests what it thinks I'm typing, I can hit tab or enter to auto-complete the tag. But when I do this, it makes the closing tag too. I hate this, because I go back to change things often, then when I tab to auto complete, it adds in the entire closing tag. So my question is can I make it ONLY auto-complete the opening tag when I hit tab or enter? (btw, I have emmet installed too)
My next question, if anyone is familiar with Dreamweaver, whenever I open an HTML file, it opens all corresponding files in a sub menu below the tab. So I open say, index.html, and below it appears, automatically, my css file, js file, and any files that I've put in the html file. With Sublime Text, I have to go to the trouble to open all those files with it. Is there any plugin or way to make Sublime replicate this?
Thanks so much for any help anyone can provide!
This is a bit old, and maybe you've discovered the answer, but for #1, you can set the "auto_complete_commit_on_tab" setting to true in your user settings.
http://www.sublimetext.com/docs/2/auto_complete.html

Unable to create a snippet in Sublime Text 2

I am trying to create a HTML 5 document snippet in Sublime Text 2. The code is shared below. I have saved the file as html5.sublime-snippet in the Sublime Text 2/Package/user directory on windows, yet when I type html5 and press tab nothing happens. I am also unable to find it when searching the snippets.
Code link https://gist.github.com/hchouhan/5352597
ok figured it out. scope should be <scope>text.html</scope> and not source.html.

Sublime text html tidy configuration

I am using sublime text for some time.
When I try to use the HTML tidy plugin to indent the html file I observe that all my newlines are automatically removed by it.
Is there a way to stop that? I don't want to remove the newlines thru the plugin. I could not find any setting which could do that for me.
Should i go for some other HTML formater?