Syntax checking errors: The word 'html' is not correctly spelled about angularjs-eclipse HOT 15 CLOSED

I think it's not a problem with AngularJS Eclipse but with WTP. Your screenshot is very strange you have not syntax coloring. Do you use AngularJS Editor to open HTML file?

from angularjs-eclipse.

I believe this html file was opened with angularjs editor - selecting it from here:

Before the editor opens the file I had this Alert Box:

I've just ignored this.

Anyways - the angularjs editor icon was visible on the editor panel tab: I just don't see how this icon could be shown if it was opened with a different editor...

Could please you elaborate a little bit more about WTP? Other editors seem to be working just fine.

There is below what is installed on this up-to-date stable Kepler build:

Anything important missing?

from angularjs-eclipse.

AngularJS Eclipse extends WTP HTML editor to manage syntax coloring for EL AngularJS. It's not an editor created from scratch. Spelling feature is not managed with AngularJS Eclipse, so Ithink you will have the same problem if you open your html with HTML editor.

from angularjs-eclipse.

This is what I am getting with HTML editor:

Which looks correct to me as it doesn't know about angularjs syntax.

from angularjs-eclipse.

About extending WTP editor, are angularjs-eclipse depedencies handled at installation time? What would happen if WTP was not installed or if Eclipse was using another html editor like the one provided by Aptana Studio?

from angularjs-eclipse.

I have uninstalled Aptana Studio plugin and now I am getting syntax coloring back from WTP - so apparently I had 2 Eclipse plugins in conflct for HTML editing...

Now - if I compare same example in default HTML or Angular JS extended editors then I don't see much differences - still no yellow stickers, etc. See below:

They are looking pretty much the same to me. Am I missing anything important?

from angularjs-eclipse.

About extending WTP editor, are angularjs-eclipse depedencies handled at installation time?

It should, Eclipse update site should manage that.

What would happen if WTP was not installed or if Eclipse was using another html editor like the one provided by Aptana Studio?

It will not work. You need WTP. I suggest you that you install "Eclipse IDE for JEE developers".

They are looking pretty much the same to me. Am I missing anything important?

Close your all files from your workspace and close/reopen your Eclipse. Open your index.html with AngularJS Editor.

from angularjs-eclipse.

I have even defined AngularJS Editor as default editor for .html files but it didn't change anything beside adding the [ A ] icon in the project explorer panel:

from angularjs-eclipse.

Just one question. Have you convert your project to AngularJS?

from angularjs-eclipse.

OOPs - I had convert it several times before but just forgot the last time.
Now it works just fine:

Thank's for your patience Angelo: I've learned a few interesing tips in this process that I intend to share soon on my blog...

from angularjs-eclipse.

One more question: what's actually happening when we do convert the project? Any change in the .project file?

from angularjs-eclipse.

@nodeleaf Please create separate issues to separate concerns.

What would happen if WTP was not installed or if Eclipse was using another html editor like the one provided by Aptana Studio?

If you manage to install into Aptana Studio, Eclipse dependency resolution will get HTML editor from WTP, not the one used in Aptana by default. There may be some errors, but generally it should be possible. If you care about Aptana support also create new issue.

P.S. Are you using Aptana Studio (based on Eclipse 3.x) or installed Aptana plugins into Eclipse?
You should have started giving OS, Java, Eclipse versions.

from angularjs-eclipse.

@nodeleaf I don't know if you have done that, but if you start with AngularJS Eclipse, I suggest you to read https://github.com/angelozerr/angularjs-eclipse/wiki/Getting-Started

what's actually happening when we do convert the project? Any change in the .project file?

Convert to AngularJS Project add "angular"" + "tern" nature to the .project file :

• tern nature is used inside JSDT Editor for completion. Tern IDE extends JSDT editor with custom completion. If your project has tern nature it executes this custom Tern completion.
• angular nature is used for HTML Editor to manage syntax coloration for AngularJS EL. To manage that I had to modify the HTML JFlex lexer https://github.com/angelozerr/angularjs-eclipse/blob/master/org.eclipse.angularjs.core/Resource/parserTools/highlighting/AngularTokenizer.jflex (like PDT have done). With this lexer, I can create a WTP HTML Document (HTMLDocumentForAngular) with contains EL expression region. Those EL expression region are highlighted with https://github.com/angelozerr/angularjs-eclipse/blob/master/org.eclipse.angularjs.ui/src/org/eclipse/angularjs/internal/ui/editor/highlighter/LineStyleProviderForAngular.java To use this custom highlighter, I had to create the HTML Angular Editor (I don't know how to set a custom highlighter with WTP).

Now there is the question about how to load an HTML file with WTP HTMLDocument or HTMLDocumentForAngular. To do that I use nature of the project. If nature of the project is angular, I create HTMLDocumentForAngular, otherwise HTMLDocument.

There may be some errors, but generally it should be possible. If you care about Aptana support also create new issue.

@paulvi to be honnest with you, I will not have time to support Aptana too. But if Aptana guys wishes to that I change some code to support Apatana, no problem with that.

@nodeleaf don't hesitate to post your link about your article in your blog when you will do that.

I close this issue.

from angularjs-eclipse.

ref aptana/studio3#199

from angularjs-eclipse.

from angularjs-eclipse.