I've just about had as much as I can stand with Brackets, and NPP isn't much better. I'm so used to coding in Dreamweaver that I have become very accustomed to Adobe's auto tag completion - for example -
When I type
<div>
div content
misc. stuff
etc
</ (at this point, dreamweaver will complete the </div> tag)
In brackets, as soon as I type
<div>
it will automatically turn it into:
<div></div>
with the cursor in the middle, to insert content between the opening and closing tags.
Notepad++ will do neither of the above, unless I go into settings>preferences and turn on tag autocomplete, where it will do the exact same thing as brackets.
I absolutely hate this, I love the way Dreamweaver completes their tags but I don't like Dreamweaver in general. Is there a setting for this type of auto-completion in Brackets or Notepad++ that I may have overlooked? I've spent literally hours looking for a solution to this, everything from editing backets' JSON file to trying different HTML editors to almost throwing my G** D*** laptop against a wall from infuriation.
Is there a setting I can change, or a specific line of code I can add to Brackets' config.json file? If not, if you know of another program that has dreamweaver style tag closing, please please PLEASE let me know, I've been desperately looking for something to replace it!
Thank you very much in advance.
Yes, in Brackets you can get that behavior by adding this line to your preferences JSON file:
"closeTags": {"whenOpening": false, "whenClosing": true, "indentTags": [], "dontCloseTags": []}
To edit your preferences file, choose Debug > Open Preferences File from the menu. If the file is currently blank, be sure to wrap the above line in {}s.
For more details, check out the full list of Brackets preferences.
Related
I use VSCode and I think its a great editor, but when I write a comment in html it drops to a new line under what I'm commenting which is really irritating.
If I comment a closing div I want it next to the closing div not under it.
I have uninstalled prettier but that made no difference.
Is what I want even possible in VSCode?
Any advise would be appreciated because I am so irritated that I am considering using a different editor (I'm on a Mac just in case it matters).
Thanks in advance.
This was a problem for me too, as were other new line / white space related HTML issues.
Assuming you are not using any formatters besides the native VSCode HTML language features (you said you uninstalled prettier, but you didn't mention whether you were using something else),
there is a setting HTML white space which you can set to preserve to leave your comments untouched.
Note that you may need to go into settings and check what is being used as the HTML default formatter
I am new to vscode and I am wondering why this editor does not show any kind of indication on a .css file when I place an invalid attribute of none to overflow-x?
When I press CTRL+SPACE nothing is shown, that is great and I can use that to verify. But I was hoping that this editor has some kind of validation and warning or "squiggly" underline that can happen for developers like most editors might try.
How can I configure this so CSS is parsed with a plugin properly to see errors in CSS so I dont have to look up mozilla web pages of values and can know whether I mis-keyed some value.
Thank you!
I need to edit this HTML page and re-upload it.
The problem is that somehow all of the newlines have been eliminated from it so that its just one long line. I'm using Notepad++ now, although I don't have to be.
What is a good way to view and edit this HTML/PHP/Javascript source in a way that a reasonable human being can read it?
Thanks!
You can tidy this up (as #AR suggested) with notepad++. Go into Notepad++, go to the plugin manager and select
textFX and install that.
among other things, it will install a new menu item in the toolbar called "textFX"
select it, then select Text Fx HTML Tidy. This will give you a selection of formatting objects and ought to pretty it up for you.
once again:
TextFx >> TextFx HTML Tidy
Recently every time I copy a block of code from Eclipse and paste the code into TextEdit or a online forum using the code tags, I get the code with the rich-text or html formatting, so I have to copy into a text editor remove the formatting copying and pasting again, In the past this was not a problem I used to copy from eclipse and paste the code without any formatting at all just as plain-text, I dont know if I turn on a property or what I did for this to happen, any ideas how to fix this?
There is an Eclipse bug filed for this that can be voted for:
https://bugs.eclipse.org/bugs/show_bug.cgi?id=45969
It has been open for 10 years though!
There are applications out there that think they can handle rich text but can't. So for those it looks like we'll have to carry on with "Copy-Switch to Notepad-Paste-Select All-Copy-Switch to final app-Paste" for some time yet.
Note: the rich formatting from a SWT editor seems to have always been available (bug 64498).
You could use "Edit, Paste and Match Style" in TextEdit.
From the Edit menu, choose Paste and Match Style,
or use the keyboard shortcut, Shift Option Command V.
The pasted text will pick up all the formatting from the character to the left of the flashing insertion point. This technique works in Mail as well.
I would like Dreamweaver to show me the opening/closing tag when I select a tag. This functionality is seen in many editors, I know for sure Eclipse has it.
To make things clearer: When I select/highlight a <div> opening tag with my mouse I would like Dreamweaver to select/highlight the </div> closing tag.
My main questions:
Does anybody know what this functionality is called?
Does anybody know how to add this functionality to Dreamweaver?
I've tried searching the Dreamweaver extensions on the Adobe exchange but couldn't find what I'm looking for.
Dreamweaver has two different ways of selecting matching tags, depending on whether you're working with HTML or a scripting language.
To select the matching opening and closing tags of an HTML element, click inside the element, and click the Select Parent Tag button in the Coding toolbar. It's the sixth button from the top (I tried to attach a screenshot, but don't yet have sufficient privileges to do so).
To select matching opening and closing curly braces, brackets, or parentheses, click inside the opening or closing symbol, and click the Balance Braces button on the Coding toolbar (it's immediately below Select Parent Tag). Alternatively, use the keyboard shortcut, Ctrl+'/Cmd+'.
well I dont know If Im really giving u a solution but if u select a tag, the code editor will show u (at the end of the window) the tag u are on. If u click on the tag information (same place) then the code-editor will highlight the place in btw the choosen-tag
I have to echo the sentiments of Ahmet Sali in saying that its a shame that Dreamweaver does not support the functionality of highlighting the beginning and end tags. This should be very simple. I became accustomed to this feature in Visual Studio and found it very useful.
I think Dreamweaver doest it better than All other Editors.
You just need to see the Small Vertical Toolbar on the Left of the Line-numbers and search for 'Balance Braces' (highlights between { and } AND 'Select Parent Tag' (Highlights all inside parent-element ).
For HTML Tag Highlighting , again , just see the Small Horizontal bar' on the Bottom (also called Status Bar).
Whenever you select a HTML Tag, it automatically creates its Hierarchy in the shape of Small-Buttons. If you just Click on any Tag (or small-button) , then it highlights that Element upto the Matching Element.
I don't think Dreamweaver has this option. The only way is to just go what David Powers says. You would have to click within the braces and click on the symbol. This would highlight the whole text from beginning of the brace to the end. If it doesn't do anything then that means there no ending or beginning. I'm using both dreamweaver and notepad++ and notepad++ does exactly that.