PhpStorm | Get rid of the "edit rectangles" - phpstorm

When I use snippets in PhpStorm, especially Emmet features, I often get constructions with several highlighted edit point. I can jump over them with Tab in case to edit the "key places" of the construction.
This might be a great feature, but if talking about Emmet, it causes some problems. After typing div*5 I want to [enter] inside the first div but the cursor just moves down to the next edit rectangle. The only solution I know is to press Esc to remove all active edit points which is quite inconvenient.
Is it possible to disable those edit points especially for Emmet or for the whole IDE?

Related

vs code , snippets, templates, quick entry of classes and attributes

I apologize in advance for the question with syntactic and semantic errors, English is not my native language.
I recently started learning web development, I'm currently learning bootstrap 5 and I've come across some incomprehensible moments:
what are the sane snippets or templates for writing elementary constructions, for example, if I want to make an elementary container construction
<div class="container">
</div>
when I try to enter cont or .cont and then press "ctrl + space" then this is not offered automatically
emmet is set, and when you type .cont a block with the class "cont" is created, which is naturally not what I need
Let's also assume that the i have file bootstrap.css file is connected to the project, and there are a lot of default classes in it, it happens that when I'm already in the tag, I want to register a class, and I start to enter a class, VScode behaves differently, sometimes it will show the options in the drop-down the menu, but sometimes it doesn’t show anything, what these glitches are connected with, can someone tell me how to get rid of different behavior? The IntelliSense for CSS class names in HTML extension is installed, but it doubles up in the dropdown list that VScode gives by default, and it's not clear how to disable the default behavior of VScode.
being in the tag or in the tag (link) you need to enter the data-bs-toggle attribute, the attribute is visible in the drop-down menu, and you can quickly select it, but when I get into quotes, the attribute value can be system will offer or maybe not offer, also with what it can be connected? Example data-bs-toggle="pill" , the value "pill" is not always displayed in the drop down menu and has to be searched for or entered manually.
for example, I am in the tag and start typing "cla" in one case, until I press ctrl + space, the class will not be offered, in the other case, literally further in the "a" tag, when typing "cla", almost immediately it is proposed to automatically make a class ="" (empty), again in this case VScode again behaves differently, all other things being equal, at these moments there are no reinstallation of extensions or other settings
Windows 10, projects and the system are all on a good ssd nvme, there should be no problems with loading a text file. All these questions came to me while studying Bootstrap 5.
I would be grateful for advice from experienced people, with the organization of the process of automating code entry. Maybe there are good extensions that I don’t know about yet, maybe the code editor chose the wrong one, maybe there are editors where you don’t need to install any extensions and everything works out of the box, intuitively?

Intellisense autocomplete inserting text in wrong places

When writing code in cshtml files, sometimes intellisense goes haywire and starts writing text several lines above where I am actually typing. At the moment it seems to be limited to when I hit the tab key to let it finish a property name which isn't too bad because I can just not do that. However, it also seems to happen at other times like just when I type #Model and then press a period it might write the word Model in some other part of the code file.
Anyone know how to correct this?
This would probably fit better as a VS Feedback item, but since this is the only place I have found someone referencing the same issue, I thought I would add some confirmation. I do not have a solution, only more examples to add. This issue has been annoying me for months! It seems to happen most often when typing razor code inside of JavaScript, especially inside of a quoted string.
Here is an example from a test project, where I am attempting to put a reference to a model field into a JavaScript string. Notice that I click tab a couple times and it doesn't actually insert the intellisense result at the point I am typing. But when I scroll down you can see it inserted it randomly in another spot pretty far away!
I did also try to remove the hidden .vs folder, bin/, and obj/ and could still reliably reproduce the issue after restarting Visual Studio. Currently on 1 before the latest (16.9.4). I did notice that if I re-open this cshtml file, wait until the file seems to be fully loaded (all the red errors go away), I also reliably get an ArgumentException that occurs as I begin typing. Then when I scroll down I already see that Model has been randomly inserted in another spot in the code.
I'm going to try updating to latest (16.9.5), and starting in Safe Mode to skip loading all 3rd-party libraries, and see if the issue is still reproducible, in case it is caused by one of the handful of extensions I am currently using.
Edit: Well same issue with 16.9.5. Trying to use Safe Mode is a no go, it makes the intellisense and syntax coloring completely disabled for .cshtml files.

PyCharm - remove green lines which appeared upon inserting language reference

I'm working with django in PyCharm and these green lines are really annoying me.
They appeared when I inserted some language reference (I can't recall which one exactly...) and I don't know how to turn it off.
I tried editing some PyCharm settings but to no avail...
On the below picture I tried turning all inspections off, but it didn't work.
What is this sorcery and how do I brake it?
I've just realized that I needed to turn off Language injections.
To make sure that they all disappear, you should uncheck all of these:
In my case, I had to turn off xml:head, xml:div and xml:script.
You can uncheck one by one to see if which one it is exactly.
Cheers :)

Brackets editor - shortcut to create an open/closed set of brackets

In TextMate there is a very useful shortcut where you hit CMD+SHIFT+W and it opens a
<p></p>
with your cursor over the p; you then type anything you want, and it will adjust it, e.g.
<h1></h1>
Brackets has auto-close but I loved the one-stroke simplicity of the Textmate shortcut, and am trying to replicate in Brackets, but I can't find the shortcut/extension to do it.
Any ideas? Thanks!
There are currently two extensions for Adobe Brackets that implement keyboard shortcuts for markup generation, but do not exactly replicate TextMates behaviour.
Quick Markup, which was created by one of the core developers of Brackets, adds a panel to the editor that enables you to quickly format the selected HTML, much like the StackOverflow post editor. In addition, it provides a number of keyboard shortcuts for inserting paragraphs, headings and other things.
If you need more advanced shortcuts, then you should definitely check out Emmet (formerly known as zen coding).
It allows you to write CSS-like selectors that generate markup and provides
a vast amount of tools for editing and navigation around markup.

How to I stop this Netbeans IDE highlighting?

I am currently using Netbeans IDE 7.4 to write some basic HTML code. Whenever I type a tag, it immediately highlights it, making it next to impossible to read until I click somewhere else. This is incredibly annoying. I have looked at all previous solutions, but for some reason they only work with Java and not HTML. Does anybody know how to fix this?
After ongoing bouts of frustration with the NetBeans highlighting, I finally figured out this was not so much of an issue of highlighting being turned on or off, but more an issue of how the highlighting is being rendered.
Turning highlighting off completely (as suggested above) has never been fully successful in my case in either NetBeans 8.x or 9.0 (I'm currently using 9.0), and the highlighting can seriously become so annoying in that it's too difficult to read the highlighted text, that it becomes a distraction and negatively impacts productivity.
Having determined that this is a question of rendering verses IDE functionality, the original answer is on target as far as modifying the Mark Occurrences styling in:
Tools > Options > Fonts & Colors > Syntax -> Mark Occurrences.
However, since I work in multiple projects of multiple types, I selected 'All Languages' in the drop-down, set the foreground and background colors to 'Inherited' (getting rid of the sickly yellow background (I'm using the Sublime Theme) and added Bold and Italic styling to the inherited font setting.
Now, no matter the project or the language, highlighting is still working as intended, but it's no longer an annoyance.
Hope this helps for others who have been likewise frustrated by this feature of NetBeans! It was getting to the point of almost driving me to another IDE.
The mark-occurrences color can be modified in Options->Fonts & Colors
-> Syntax, language: Java, Category: Mark Occurrences. To turn it off completely go to Options->Java code -> Mark Occurrences and
disable the first checkbox.
http://netbeans-org.1045718.n5.nabble.com/Turn-off-or-change-the-automatic-highlight-of-the-mark-occurrence-feature-td2949743.html
Try to change profile. That works for me.
Tools > Options > Fonts & Colors > profile.
Hope it will help.
In Netbeans 12.5, this is configurable in Tools|Options|Editor tab|Highlighting tab under Editor tab