Tern Eclipse Javascript Support in PHP Files

[RandyR34]

Hi,
Is there a way to enable Tern javascript support for PHP files? Namely autocomplete with Tern's JQuery module.

Tern autocompletes fine with .html files (inside script block) and .js files.

However, php files with script block do not autocomplete at all.

Thanks.

[angelozerr]

If your PHP editor is based on JSDT for JavaScript, it should work, but never really tested. Which plugins do you use for PHP? I think http://www.zend.com/fr/products/studio works like this. @kaloyan-raev could you confirm us that tern works inside zend studio please?

[RandyR34]

Thanks for the quick reply.

I installed Zend Studio trial just now to test it. Enabled JS support which installed Tern libraries. Same results (Tern code hinting works in .js file, but not in .php file inside script tag).

[angelozerr]

@kisaloyan-raev could you help me please about this issue. Thanks!

[kaloyan-raev]

@angelozerr Sorry, I missed the previous comments.

@mniewrzal Can you help here?

[mniewrzal]

Hi,
it looks that CA is not working with combination PHP + HTML + JS (PDT/Zend Studio). Later I will take a look what is going on there.

[mniewrzal]

Turns out that in tern.eclipse.ide.jsdt.ui proposal computer tern.eclipse.ide.jsdt.ui.contentassist.TernContentAssistProcessor needs additional content type org.eclipse.php.core.phpsource. I will prepare patch for this.

[angelozerr]

@rrefsland once https://opensagres.ci.cloudbees.com/job/tern.java/877/ will be finished, please try to install tern.java 1.2.0-SNAPSHOT https://github.com/angelozerr/tern.java/wiki/Installation-Update-Site

Thanks @mniewrzal for your job!

[RandyR34]

Excellent.....will do. I'll try it out this weekend.

[RandyR34]

I installed the updates to 1.2.0. It improved a little.

Ex: In a PHP file.....Starting out with "$" will popup JQuery (that's an improvement). But after the selector period "$()." no methods show.

In a javascript file, $(). will display all available methods.

[angelozerr]

@rrefsland @kaloyan-raev have you an idea?

[kaloyan-raev]

@mniewrzal could you take at this one too?

[mniewrzal]

@rrefsland Can you try convert your project to javascript project? To do this select your project and from context menu choose Configure -> Convert to Javascript Project. After that I have result like on attached image.

[angelozerr]

That's strange, it should work without converting your project to JavaScript project.

[mniewrzal]

Problem is probably only with .php files. When I will be sure that this is a problem I will try to fix situation. Today I had only a moment to verify problem.

[RandyR34]

[Edited comment, the reply via email with screenshots didn't quite work as expected.....]

Culprit was Eclipse adding an extra "<" in front of the script tag (along with an html comment inside by default).

Ex: This disabled Tern assist: <<script type="text/javascript">

Tern works fine with clean < script > tags.

Thanks guys.

[angelozerr]

@rrefsland if I understand your problem, when you have<!-- after <script type="javascript" >,, it breaks tern completion? If it that it's a bug with tern.java. To support completion tern.java extract JavaScript code from HTML with https://github.com/angelozerr/tern.java/blob/master/core/tern.core/src/tern/server/protocol/html/HtmlHelper.java#L50

It replaces HTML code with spaces and keep JS code and push this content to the tern server. I have not supported <!-- and perhaps tern doesn't support that.

To fix the problem, https://github.com/angelozerr/tern.java/blob/master/core/tern.core/src/tern/server/protocol/html/HtmlHelper.java#L50 should be improved to replace <!-- with spaces when it is after <script type="javascript" >

Any contribution are welcome!

[RandyR34]

@angelozerr
Thanks for the explanation. It helped when I visited the link to extractJS(). The Tern library is so huge man....

Just to summarize:
Tern can handle <!-- --!> inside the script tags OK.

Tern does not handle a script tag with two <<. For example <<script type="text/javascript">. I'm not sure why Eclipse adds a default script tag with two <<. Who knows....Not a big deal.

Anyhow, case closed! I'll take a look and see if I can help.