JavaScript / HTML highlighting / debugging in Eclipse using PhoneGap

Question

I am writing an app using PhoneGap for Android in Eclipse. Since the project is an Android project, it's in a Java perspective. For whatever reason, Eclipse won't highlight HTML and JavaScript for me while in an Android/Java project/perspective and switching to the JavaScript perspective doesn't highlight the code either. Without highlighting or debugging tools, the debug process is very slow.

How do I tell Eclipse to highlight HTML and JavaScript for me while working in a Java Environment?

score 13 · Accepted Answer · answered Apr 04 '12 at 23:25

13

Make sure you have JSDT(for JavaScript) and the Web Page Editor(for HTML) installed. From About Eclipse -> Installation Details, check for JavaScript Development Tools(JSDT) and Web Page Editor.

To install them :

Install New Software -> Work with: Indigo (or Helios) ->Web, XML Java EE, and OSGi Enterprise Development -> JavaScript Development Tools
Install New Software -> Work with: Indigo (or Helios) ->Web, XML Java EE, and OSGi Enterprise Development -> Web Page Editor

Alternatively, you could use the AppLaud Eclipse plugin I've created for doing PhoneGap development for Android. See the Getting Started instructions.

answered Apr 04 '12 at 23:25

Paul Beusterien

27,542
6
83
139

2

After installing, make sure to right click a file in the explorer and choose `Open with:` to select your newly installed editor. Don't do what I did, which was continue to open them in the default text editor view and then complain that the newly installed perspectives were not working! – shanethehat Jan 04 '13 at 11:47
This should have been the accepted answer in my opinion, as this is a solution instead of a workaround – Maarten Jan 26 '13 at 13:44

score 4 · Answer 2 · answered Apr 06 '12 at 22:58

4

The only real solution I found was to create a new html document and paste in the text from the original document, delete the original, then rename the new document. This technique is dumb, but it works.

answered Apr 06 '12 at 22:58

Jason Hartley

2,459
1
31
40

Weird, but it works, thanks! BTW, have you submitted a bug report? – Vitaly May 03 '12 at 17:55

score 0 · Answer 3 · answered Apr 05 '12 at 00:40

0

Aptana is the best plugin for HTML and Javascript editing in Eclipse.

answered Apr 05 '12 at 00:40

Yang

6,682
20
64
96

score 0 · Answer 4 · answered Apr 07 '12 at 13:26

0

This Eclipse plugin is useful: http://www.aptana.com/products/studio2

Simon Mac Donald http://hi.im/simonmacdonald

answered Apr 07 '12 at 13:26

RAJ

9,697
1
33
63

JavaScript / HTML highlighting / debugging in Eclipse using PhoneGap

4 Answers4