Sublime Text 2 - Show long line into several - sublimetext2

I have a really long line in my HTML code I used to see on several lines in Sublime Text (marked as one in the code). But this morning, when I opened ST, this line became one line (in the code && in ST).
It's like there isn't anymore "wall" to block long lines and make them into several of the same max-height.
Does a shortkey exist or an option in ST to change that ? THanks !

Press CTRL + shift + P (or CMD + shift + P for OS X), type word wrap, select Word Wrap: Toggle

Go to View and select Word Wrap. Hope this helps.

Related

how can I completely disable the horizontal scrolling system

enter image description herewhen I one line too long, my full editor get horizontally large & scrollbar comes (like 1st image)
enter image description here
I want long lines will break in multiple short lines
(like 2nd image)
You have to turn on the WORD-WRAP Feature in Visual Studio Code.
There are 2 ways to do this:
By using the View menu (View* → Toggle Word Wrap)
By using the Keyboard Shortcut
Windows/Linux: ALT + Z
Mac: ⌥ + Z

Sublime Text 3 Incremental Selection

I want to know is there an analog command in Sublime to Pycharms Cmd(Ctrl)+W?
This is what she does in Pycharm:
Press Ctrl+W to select the word where the caret is currently located.
Press Ctrl+W successively to extend selection to the next containing node (for example, an expression, a paired tag, an entire conditional block, a method body, a class, a group of vararg arguments, etc.)
While extending selection, keep in mind the following:
Pressing Ctrl+W successively in plain text or comments extends the selection first to the current sentence, then to the current paragraph.
Pressing Ctrl+W successively inside a list, dictionary, or a list of arguments or parameters, selects an element of the list, then the right or left comma and a neighbouring space (if any), then the contents of the list without parentheses, and finally the enclosing parentheses.
Press Ctrl+Shift+W to shrink selection in the reverse order (from the outermost container to the word where the caret currently resides).
Tip
The selection extends or shrinks according to capitalization, if the Use "CamelHumps" words is enabled on the Editor. Smart Keys settings page.
If you want to make selection according to capitalization, using double-click, make sure that the option Honor CamelHumps words... is selected on the Editor settings page.
Without using a plugin:
Expand selection to scope (Ctrl + Shift + Space / CMD + Shift + Space)
Expand selection to brackets (Ctrl + Shift + M / Ctrl + Shift + M)
Expand selection to indentation (Ctrl + Shift + J / CMD + Shift + J)
There is ExpandRegion plugin, which you can install using Package Control. I just tried it and it's pretty good. However I did not find an option to shrink the selection (only expand), but I may have overlooked it.
If you use it, you will also need to define your own keybinding for the command. Description on how to do that is in README.md file on the plugin's GitHub page.

Close tags dropping below highlighted line

I have minimal experience with HTML script so this may all go horribly wrong here.
Alright so I have a very simple yet very time consuming task of taking complete papers and converting them into HTML script. I'm using Sublime Text 3 with Emmet plugin.
Basically,
This is the first header
This is the first paragraph that needs to be tagged
This is the second header
This is the second paragraph that needs to be tagged
So super simple I need to put header tags on the headers and paragraph tags on the paragraphs.
What I have been doing is holding Ctrl and manually highlighting the desired text as it is all rather random. Problem is that takes forever to manually highlight the text like that.
I am aware of other ways to highlight such as Ctrl + L for the line. Problem is my close tags end up under the highlighted line.
Example:
<h2>This is the first header
</h2><p>This is the first paragraph that needs to be tagged
</p>
It's not a big deal but it makes the code harder to go through later and really chaotic.
The same problem persists if I click the corresponding number of the line.
Seeing as I have hundreds of pages to enter and even more headers, paragraphs, and pictures to properly tag; I'm looking for a solution to the tag dropping below the line or a faster method to entering text.
So, is there a fast method for entering text from a word document to Sublime text and quickly get the corresponding tags? e.g. <h2>,<h3>,<p>,<ul>,<li> and so on.
Any help will save my sanity, thanks.
When you select a line with CtrlL, it automatically selects the entire line, and moves the cursor down to the first position on the following line. There are two ways around this. The first is to place the cursor in the first position on the line you want to select, then just hit ShiftEnd and the line will be selected, with the cursor now sitting in the last position on that same line. Alternatively, use CtrlL, then hit Shift← (left arrow) to move the cursor from the first position on the next line to the last position on the selected line. Either way, you can now hit the key combo in Emmet for inserting a tag pair, and you're all set.

How to I edit the select lines with the arrow keys command in Sublime Text 2?

I'm trying to find out what the setting is for the way Sublime Text handles code selection with the keyboard.
Example:
Hold Command + Shift + < or > to highlight a line
Next if you then click up or down, it will select everything above or below
Ideally I'd like to just continue selecting lines up or down, line by line rather then the whole thing.
Anyone know how to edit that feature?
CMD + L selects the cursor's line.
Then SHIFT + UP / DOWN adds the previous / next line to the selection.

Tab character trimmed when reaching the end of page

I have a situation like this http://jsfiddle.net/9cRpe/ .
You can see that the &#09 chars (tab character in html) is trimmed/removed when reaching the end of page. Is it something that can be modified by css so the tab is not trimmed?
See the attached image for the result i'd like to achieve. Thanks
white-space: pre-wrap;
MDN Document
Edit: OK, I made a silly answer.
I think the [Tab] character is not designed to act as "insert n spaces here". Instead, consider the following scenario:
--->code
//->code
You can see this in many IDE as long as you don't convert [Tab]s to [Space]s. So I think the [Tab] character means "push the next character to the next tab position".
That's why you don't see a desired space, because "the next character has already been placed in the next tab position".
Compare these two fiddles: http://jsfiddle.net/9cRpe/1/, http://jsfiddle.net/9cRpe/2/,
notice the space I added before the first "===>", and you can see the first "<===" doesn't move ---- it always aligns to the "tab" word on the first line.
I can't think of a solution right now, but I want to cover my previous stupid-ness, so I write these things that hopefully can inspire you...
Try 5 insted of &#09