How to remove red border in phpStorm? - phpstorm

I have a little strange question, and I'm hoping you could help.
Cause, I've been searching for the answer in Google, in PHPstorm documentation and etc.
Here's what I need. Every time I type something in CSS or HTML with Zen coding, this Red Border appears to the value. When my mouse cursor is anywhere else and I hit "Enter", the cursor goes to the end of that red border.
So does anybody know, how to get rid of it? It drives me crazy..
Thanks.

pressing Enter (or Tab) is enough to remove the border :) See help:
"If the selected template is parametrized and requires user input, the editor enters the template editing mode and displays the first input field highlighted with the red frame. Type your value in this frame and press EnterEnter or TabTab to complete input and pass to the next input field. After completing the last input field, the caret moves to the end of the construct, and the editor returns to the regular mode of operation"

I have had the same unwanted behavior in PHPStrom with php.
For PHP the solution was to uncheck the following checkbox:
Go to Settings (ctrl + alt + s), then navigate to:
Editor -> General -> Smart Keys -> PHP
Uncheck checkbox: "Enable smart function paremeters completion"

Related

my HTML Shortcuts in VS Code are not working

I started studying HTML on YouTube not long ago and have been using visual studio code. Whenever specific shortcuts are used, mine does not work. An example would be typing the exclamation mark and then the tab button("!" + tab) to automatically give you the default HTML skeletal template.
Also, tag suggestions do not work. Whenever I start to type a tag like , I don't get any suggestions whatsoever and it leads to a lot of mistakes and confusion for me. Can someone help me, please?
CTRL + Shift + P
Change language mode
Click on "Configure file association for .html"
If you scroll down through the list, you will see a label "Current association" next to the file type that your file is currently associated to.
Change it to .HTML if that's what you want .html files to be associated to.
Close the file and open it again.
Try ! - a tooltip should now pop up and then you hit tab.
You can go to VS code and tap on setting will show a pop-up, choose Keyboard Shortcut will showcase you all the keyboard shortcut.
You only need to change languague on status bar (below) from Django html to html.
Now retype the shortcut i.e. "!+Enter"
Change Setting Emmet
Go to Setting , CTRL + , for shortcut
Type Emmet Tab on search bar
Enable trigger expansion on tab
Try type ! + Tab
Suggest
Type ! on HTML File
Press CTRL + SPACE, to activate trigger suggest
And Enter
HTML:5
Type html:5
Enter or Tab

How to enable PhpStorm autocompletion on space?

How can I configure PhpStorm to autocomplete highlighted entry on keys like space, ()[],; and other relevant keys? Right now autocompletion only works with keys like Enter, Tab, and dash (-).
I know there is an option Editor > General > Code Completion > "Insert selected suggestion by pressing space, dot, or other context-dependent keys". But it seems like toggling it does not have the effect I want. So far I found out it only enables autocompletion additionally by dash (-), but not space or brackets.
For example, if I have this view:
Wanted behaviour after I press space (highlighted entry insertion):
Current behaviour after I press space (it just prints space):
I think what I want is default behavior Visual Studio and I really like it, enables faster typing and less Enter presses. But can't figure out how to configure PhpStorm the same way.

How to disable the annoying NetBeans auto-suggest while typing

When I am typing in NetBeans 8.2, whether it is a HTML paragraph or something like an input field, this annoying auto-suggest feature keeps on popping up. It is really annoying when I try to press enter to start a new line as it will insert a load of code when I press enter, since 'Button' is automatically highlighted.
I've included a screenshot of the problem below...
How can I disable this autocorrect feature. I don't want to disable autoorrect for PHP or when actually setting up a HTML tag (so I want to use it in a situation like this... <input type="autocorrect displays here" />, but not when typing anything else).
Sorry if I haven't explained myself very well, I can't really think of a good way to describe my problem. Please, leave a commend if you need to know more.
Thanks :)
PS: I can't find any other answers on the internet because I don't know what this is called, since I want this specific auto-suggest to disappear, so please direct me to another answer and I'll delete this question if the answer is appropriate.
PPS: I think the palette may have something to do with it but I can't be sure.
I finally found the solution for this annoying problem:
Simply go to Tools/Palette/Code Clips and remove everything from Palette (all folders and items).
Now the problem is gone!
If you go into NetBeans > Tools > Options > Editor > Code Completion, you can check or uncheck "Auto Popup Completion Window" for whatever Languages you want.
If you move over to the Code Templates tab, you can also customize the specific autocomplete rules for each Language. That way, you can leave certain ones in that you find helpful and remove ones that you find bothersome.
Today I finally had enought of these * autocompletes in my * code.
Found my way thru Google to this question and found no comfort from the answers.
But this is how I did it:
Open Code Clips -manager (Tools > Palette > Code Clips)
Select all HTML-related and click "Remove"
Profit
Apache Netbeans 12.1.
Palette > Code Clips > Remove -- does not work.
NetBeans > Tools > Options > Editor > Code Completion > Disable "Auto popup completion window" -- does work.
In NetBeans 12, disabling the Auto Popup Completion Window option for HTML does not solve the problem when editing PHP files, the popup shows up whenever Tab is pressed in HTML portions of code.
The solution is to keep the Auto Popup Completion Window active for All Languages, then switch to the Code Templates tab, select Language: HTML, remove all templates from the list, and voilá. No more HTML popup suggestions, anywhere, ever. Only the good old PHP suggestions will remain active.

SublimeText 3 issue with Emmet

When i press tab button only generate last character.
but i want generate entire line to the html.
for example when i write div>a and press tab, generate
div>
instead of:
<div></div>
What's the problem? how can i fix this?
It happens because you’re actually completing snippet from autocomplete popup. Either press Esc before expanding abbreviation or set disable_tab_abbreviations_on_auto_complete preference to false: https://github.com/sergeche/emmet-sublime/blob/master/Preferences.sublime-settings#L29
I have the same issue, because it generally does it everytime, I'm used to do this :
TAB -> CTRL + Z -> TAB
Not very convenient, but does the job.

Sublime Text 2 + Emmet - not expanding correctly

I have installed emmet for Sublime Text 2...
And it works - kind a strange way
When I enter d it starts showing possibilities, but as soon as I press: : emmet shows completely different tip:
b (bottom)
So I need to press esc to close fuzzysearch box and press tab to allow Emmet do what it is used to do.
Dow, if I don't press esc before the tab key the resould is: d:bottom:, is I press esc, it desoults in correct: display:block.
Do you have an idea how can i fix that?
This happens because Emmet tries to respect default ST completions and due to lack of API support to properly handle built-in snippets: https://github.com/sergeche/emmet-sublime#tab-key-handler
By default, Emmet will not expand abbreviations by Tab if there’s autocomplete popup visible to allow users to work with default ST completions and snippets. You can override this behavior:
Go to Preferences > Settings — User
Add "disable_tab_abbreviations_on_auto_complete": false option. Make sure this file contains valid JSON.
After that everything should work fine, but you’ll no longer able to complete items from autocomplete popup with Tab key, use Enter key instead.
I had a similar issue but my fix was different to that of the accepted answer.
I had to go to Preferences > Settings — User and remove "emmet" from the ignored packages and everything started working again!