It seems this should be a basic and comomon requirement, but after an hour of searching instead of getting on with the task I want to use it for, I can't find an effective solution for formatting HTML in Notepad++.
I've visited Formatting code in Notepad++ and How To Auto-Format / Indent XML/HTML in Notepad++ but
XML tools plugin - no good because it doesn't even align opening and closing head tags.
TextFX HTML Tidy - no good. Missing dll, link from menu to dll broken and all SO solutions involve putting the dll once found into plugins/config directory which my install doesn't have (Maybe I could create it, but I want an easier solution now)
Tidy2 - won't install
I'm using Windows 10 on a 64-bit machine. I love Notepad++ but this sucks. Please put me out of my misery.
Related
Is there a tool which I can use to see missing tag in HTML?
For e.g. if I wrote <div> but forgot to end it with </div> so is there a tool for this? I have a very large HTML file and I suspect because of missing tag I am having problems in displaying so need some tool that can identify it.
Try to validate page on W3 validator (validate via file uplod)it will show all errors.
You can use the Auto-Format feature (Ctrl+K+D) of Microsoft Visual Studio - it reformats your code so that you can easily see whether there are missing tags. I love this feature, it often comes in handy.
You can use http://validator.w3.org/ or notepad++ is the best option to check div's.
Any tool which gives you basic text editing tools can tell you this very easily.Some useful tools are:
1. Visual Studio
2. Notepad++
3. MS word(yes this also shows)
4. Front Page(very old player in this field)
Lots of many more.
Above of all, open your page in chrome or Mozilla then press F12, see the code and fix it.
I'm going to learn the language Markdown to quickly and easily write articles for my website under Wordpress.
To do this, I installed under the Sublime Text 2 plugin Markdown Editing. All delivered normally. Then I create a new document in the editor and assign it a syntax Markdown.
But what to do next? How should I save this file? What do I need to compile the file from the markdown in html? I have not found a good description of how to work with this plugin and how to get ready html-file from the file markup markdown.
Tell me, please.
Apps
For learning Markdown I think Sublime Text may be overkill; it's powerful but adds a lot of complexity. It's a great tool but it isn't where I would start.
Instead I would recommend learning Markdown with simpler writing app like Byword or Mou for Mac, MarkPad for Windows or Editorially for the web.
Still want to use Sublime Text? I'd highly recommend checking out Federico Viticci's article on Sublime Text and Markdown, some of it is Mac specific but since Sublime Text is a cross-platform tool most of what he mentions is as well, it will definitely help you get started.
One of the key things to note is that Markdown Editing isn't an all-in-one tool, it's mostly focused on writing and editing Markdown (See my update below). It's still best to pair it with other Markdown related tools for doing things like converting to HTML.
There's also a little more information on Markdown Editing on Brett Terpstra's site (Brett created it). Here's the introduction post, Brett's pretty responsive so if you have any questions try leaving a comment or contacting him directly.
Saving
Regardless of the editor you use you have a lot of options for saving. Markdown is just plain text so you can save the file as .txt or just about whatever you want. The most popular conventions are .txt, .md, and .markdown. I use .md most of the time.
Converting to HTML
Here again you have a ton of choices. Most text editors that have been designed for Markdown will let you copy or export what you've written as HTML. I usually use the fantastic Marked 2 app which is editor agnostic but it's Mac only. In Sublime Text there are plenty of Markdown converters out there, just search Package Control for Markdown.
If you want the most flexibility possible Pandoc does a whole lot more than just HTML. I use the Pandoc Sublime Text extension.
Another alternative would be to use a Markdown plugin in WordPress so you don't even need to convert it to HTML, just copy and paste it into your WordPress post editor. I haven't used WordPress recently enough to recommend one specifically but I know there are some very solid options there.
Finally, Byword has an optional WordPress extension you can buy if that appeals to you.
Learning Markdown
One last note, there are some great resources out there for learning the language itself. The spec is certainly comprehensive but can be a little intimidating. Lifehacker has a decent introduction but the resource I always recommend is the book Markdown by David Sparks & Eddie Smith. It does focus on Mac and iOS tools but the language is the same everywhere, still if Apple tools and screenshots are a problem best to try something else.
I hope that helps!
Update: MarkdownEditing
Looks like my information was a bit out of date regarding the MarkdownEditing package. It does do a little more than just improving markdown writing or editing now and it's development path is now to make it a fully comprehensive Markdown package.
Thanks to Brett for making it a community project and Ali Ayas heading up the project now. Further details on Brett's blog here.
I'm looking for a syntax in Sublime Text that highlights my Flex and Bison files (or lex/yacc) in a way that makes them readable... Sublime Text automatically chooses Lisp for Flex files, but that doesn't do the trick all that well. Any suggestions to try another syntax? Or is there a plugin somewhere that's useful (haven't found anything so far)?.
I haven't found one built specifically for Sublime, but I've found one for TextMate, which Sublime is compatible with.
Therefore, for Flex highlight, all you need to do is git clone the TextMate's syntax files to your Packages folder.
Regarding Bison, I've found a syntax for TextMate, but it didn't work very well for me. The one Vaklarados posted worked nicer with my source files.
The one thalesmello posted works well for Flex. For Bison, I've found this one - it's pretty minimal but it's a start:
https://github.com/Jackneill/sublime-text-packages/tree/master/Packages/Bison
Please let me know if you find something better!
edit: I take it back - the Flex one highlights start states & C/C++ code in pink and it looks quite terrible. For basic lex files it looks okay, but it needs work. :)
edit again: as sonu kumar pointed out, the project has been removed from github. For an alternative you could try the built-in OCamlyacc highlighting (pretty decent), or another alternative: https://bitbucket.org/artyom_smirnov/sublime-text-bison-highlighter (needs some work)
I'm using Sublime a lot more & do a fair bit of work in Flex/Bison, so I might get around to writing one... one day. :D
Indeed there are:
Flex
Bison
It's not so hard to write your own packages for non-typical languages. Just browse the source of other language syntax files and copy-paste-change what you need. Also raises your regex skills to a better level.
Install Package Control for Sublime Text.
I found this there:
https://sublime.wbond.net/packages/Bison
Do try it, I found it good enough for my use.
https://github.com/m-happy/Packages/blob/master/Flex/Flex.sublime-syntax
You can add this file to your sublime package.
I've been doing web development in Coda recently. It's a really fantastic app, however there are some very annoying quirks. When going through a list of 5 or 6 closing divs I'm trying to find the quickest way to match up the closing tag with it's partner.
Some other IDEs will highlight the brackets<>, others will display a line highlighter. I don't know if there's any way to enable a similar feature in Coda? I'm having to match up the indentations and check myself with Chrome Inspecter, which is a huge pain.
Try the Zen Coding Plugin for Coda.
Edit:
Zen Coding has been renamed: It is now called Emmet. There is an up-to-date Emmet plugin for Coda on GitHub.
There are various options available in the Plug-ins > Emmet menu, but the quick-and-dirty way to match a start and end tag is to place your cursor within the tag of interest and use the following key combination: ⌃⇧D.
This is one feature Coda does not support. Other IDEs have had it forever, Dreamweaver comes to mind first. You can request the feature by emailing the guys over at Panic. They are VERY responsive to user requests in future updates. Their address is coda#panic.com.
Otherwise, you can quickly copy paste the text over to TextWrangler (which does support the feature) and make sure all the tags are in order before uploading. I use it as my main HTML/PHP IDE. It's great for webdevs.
Coda 2 still does not include HTML tag matching. I use Coda 2 myself and Gilbert Pellegrom references the lack of matching in this blog post quick reviewing Coda 2.
I would echo Peter and email them at coda#panic.com Maybe with the new release Panic will be even quicker to add requested features.
Is there an IDE that highlights each HTML closing tag (as you highlight over the opening tag, for example), similar to how many IDE's highlight where the opening/closing braces are for functions and such?
There are quite many IDEs that can do that and it's only up to you which one will you choose.
For example I often use NetBeans and Eclipse for HTML+CSS and PHP, sometime VisualStudio (for ASP.NET). For very fast editing, or something small I use Notepad++. All of them supports highlighting closing and beginning tags when marked. Also Dreamweaver is good for HTML, but I prefer to use OpenSource or freeware software (except for Visual Studio, but Express editions are also available free of charge).
So as you can see there are many options. I have to say that Notepad++ is quite powerful tool, very hight customizable, but for bigger HTML projects I use NetBeans due to it's code completion, syntax highlighting and other useful tools.
Regards,
Ventus
There is NotePad++ amongst many other for sure.
Zend Studio does this as well, so I'm assuming Eclipse PDT has it.
Yes lots, you can use notepad++, aptana if you have a better machine, pspad
if you can use aptana and add the ftp site so you can have full access of everything ;)