Skip to main content

Which text editor has the most useful autocomplete for web page editing?


Which text editor has the most useful autocomplete for text editing?



That is, when you type a tag like <p>, the editor will automatically add </p> and put the cursor after the first tag. It should also display a context sensitive list of valid tags when you press CTRL+Space (or similar hotkey)



I've been using Notepad++. I avoid Visual Studio because of the bloat. I installed Aptana Studio yesterday and it looks interesting.



What's your experience? What text editor have you used that has HTML, CSS and JavaScript autocomplete features that help you write web pages quickly?


Source: Tips4allCCNA FINAL EXAM

Comments

  1. I haven't used it much, but e texteditor is the Windows equivalent to TextMate on OSX which many people love. It has shortcuts for inserting open/close tags, inserting close tags, wrap selection in tags, etc. It also has autocomplete for some languages like CSS/JS, start typing and hit Esc.

    Edit: I use TextMate, and e for the rare times I work in Windows

    ReplyDelete
  2. There is an Early Access version of JetBrains WebIDE (same company that developed R# and IntelliJ Idea). It has very powerful autocomplete for html, css and javascript (also great debugger for JS). There's also great refactoring. It is really the most intelligent IDE I've ever seen. You should try it.

    ReplyDelete
  3. JetBrains WebIDE has the best JavaScipt/CSS/(X)HTML support.

    ReplyDelete
  4. well someone has to suggest the big ones...emacs aka the OS that happens to be a text editor. I'been using it now for a couple of years and living it for about 6 - 8 months now. nxhtml mode and yasnippet give everything textmate has, plus more.

    I work on all 3 major platforms regularly and the only thing that comes close to configurability and flexibility is vim, but i like lisp so i went that way.

    ReplyDelete
  5. I really like jEdit. It's very powerful, has many language modes, there are plugins to help with HTML, CSS, and JavaScript, it's very configurable, and it's cross-platform.

    ReplyDelete
  6. The Eclipse (galileo) IDE with web tools (WTP) installed is the best for me. the auto complete and suggestions are very good, and it easily merges with my normal development environment (Java on Tomcat).
    I have tried Aptana, but I feel that the autocomplete is not complete. For instance, when you say <div> it does insert </div> but when you say <div style=" and then do a ctrl+space (or whatever shortcut) after the quotes, Aptana is clueless, but Eclipse (with WTP) gives me the possible styles.

    For Javascript, Eclipse with WTP is a lot better than Aptana.

    ReplyDelete
  7. Dreamweaver does WYSIWYG and source. Has great auto complete capabilities.

    Also Coda For mac is a very nice source only editor for mac with good auto complete.

    ReplyDelete
  8. Expression Web has great xhtml/css editors. It also has syntax highlighting for both ASP.NET and PHP,

    ReplyDelete
  9. I'll put in a vote for Aptana Studio that I mentioned above. I may like other editors a little better, but I'm enjoying how focused it is on web page editing. It has autocomplete like I described, plus it also has autocomplete for several popular JavaScript libraries like JQuery.

    I haven't been using it long enough to be 100% confident about it, but it's good enough to keep using to develop the current web app project.

    Please add more suggestions and your editor experience. I'll update this in a couple of weeks with my own experience.

    ReplyDelete
  10. I agree, Aptana Studio is a great environment to build web projects in. It's much more full-featured than your standard text editors though, and while it includes native support for html/css/javascript (and ajax too!), it also has plugins available for an assortment of other common web related work, such as php support to name one.

    ReplyDelete
  11. A bunch of texteditors are available on the mac. BBedit, Coda and my favorite is TextMate.

    Activestate Komodo and Edit are quite good, and Eclipse is quite popular.

    All offer code complete for html, css, php, ruby and more

    ReplyDelete
  12. I keep coming back to VS2005 too.

    ReplyDelete
  13. The best auto-completion feature I've used for web development is the one included in the Aptana Studio IDE.
    Aptana is based on Eclipse, and can be run standalone on Windows, Mac OS and Linux, or it can be used as a plug-in for Eclipse. You can download the community edition for free.

    ReplyDelete
  14. i've been using vs2008 for a while. has the advantage of sticking with one IDE. long term benefit for every programmer.

    notepad++ is great with highlighting but its auto-complete is very limited. its mostly for users that don't need the extra help.

    expression web and dreamweaver are the same. meaning its has a lot of automated tools and controls over css and html. its good for beginners who are having trouble with hand coding.

    aptana is great in a lot of ways. love the extra support for jquery and other javascript libraries but its too heavy and non responsive if you're a fast coder.

    ReplyDelete
  15. sure a thing. I think textmate is something

    ReplyDelete
  16. I tried a lot of them....

    I code in my Textmate (for Mac), when i need to create new classes I really like to wake up the Aptana Studio IDE, maybe it needs to be able to auto-load editor when we are inside a embedded source, everytime i code in a .php template which contains PHP, XHTML, JS Code, and as soon as now i cant use all these autocompletion/ocurrences, intelligent class autocompletion features at the same time.

    Really really good mac code editor: Textmate
    Really really good opensource web IDE: Aptana Studio

    ReplyDelete
  17. I use Komodo Edit as it's free and find it pretty good when it comes to auto completing.
    You can also set up your own macros to do more complex stuff that you tend to find yourself using over and over.... like setting up a key combo to set out the basic structure of a for-loop or an if-statement etc.

    ReplyDelete

Post a Comment

Popular posts from this blog

[韓日関係] 首相含む大幅な内閣改造の可能性…早ければ来月10日ごろ=韓国

div not scrolling properly with slimScroll plugin

I am using the slimScroll plugin for jQuery by Piotr Rochala Which is a great plugin for nice scrollbars on most browsers but I am stuck because I am using it for a chat box and whenever the user appends new text to the boxit does scroll using the .scrollTop() method however the plugin's scrollbar doesnt scroll with it and when the user wants to look though the chat history it will start scrolling from near the top. I have made a quick demo of my situation http://jsfiddle.net/DY9CT/2/ Does anyone know how to solve this problem?

Why does this javascript based printing cause Safari to refresh the page?

The page I am working on has a javascript function executed to print parts of the page. For some reason, printing in Safari, causes the window to somehow update. I say somehow, because it does not really refresh as in reload the page, but rather it starts the "rendering" of the page from start, i.e. scroll to top, flash animations start from 0, and so forth. The effect is reproduced by this fiddle: http://jsfiddle.net/fYmnB/ Clicking the print button and finishing or cancelling a print in Safari causes the screen to "go white" for a sec, which in my real website manifests itself as something "like" a reload. While running print button with, let's say, Firefox, just opens and closes the print dialogue without affecting the fiddle page in any way. Is there something with my way of calling the browsers print method that causes this, or how can it be explained - and preferably, avoided? P.S.: On my real site the same occurs with Chrome. In the ex