EJS Language Support

NOTICE: If you are not seeing any style, set your file associations for "*.ejs" to html

See CHANGELOG if you have issues with setting file.association

Syntax highlighting for EJS, Javascript, and HTML tags. Includes javascript autocompletion.

Please rate this and provide feedback for 2 reasons:

It helps me know what I need to improve. Can't fix what I don't know
It will help other know that this version is out there and that it is a newer version of the top ranked EJS language file. Old one has not had an update in 7 years (as of 2018)

If there is anything that I missed or features you would like this to include. Let me know

NOTE: This is in early development; however, it does provide greater functionality than the other ejs language supports.

Features

If snippets do not show up, add the following to your settings file

    "emmet.includeLanguages": {
        "ejs": "html",
    },

Snippets are found below.

→ Denotes the TAB key.

Snippet→	Alternate	Output
`ejs→`	`<%`	`<% %>` - No output tag
`ejsout→`	`<%=`	`<%= %>` - Outputs HTML value
`ejsesc→`	`<%-`	`<%- %>` - Outputs unescaped
`ejscom→`	`<%#`	`<%# %>` - Comment tag
`ejslit→`	`<%%`	`<%% %>` - Outputs Literal <%
`ejsinc→`	`<%`	`include` statement
`ejsfor→`	`<%`	`for` Javascript Loop
`ejseach→`	`<%`	`forEach` Javascript Loop
`ejsif→`	`<%`	`if` Statement with condition
`ejselif→`	`<%`	`else if` Statement - Middle section only. Assumes you have already written the first `if` statement.
`ejselse→`	`<%`	`else` Statement - Middle section only. Assumes you have already written the first `if` statement.

EJS docs

If you need documention on how to use EJS:

EJS Github EJS Website

For Devs

If you need the tmLanguage file please visit my repo. It is located in syntaxes.

If you want to see support on other platforms let me know.

Resources

I know Textmate/tmLanguage documention is not well recorded. If anyone reading this needs some good reading material on how to write one, these are the resources I used to help me write this.

History

I wanted to start by utilizing other tmLanguage files that did things close to what EJS did. I tried starting with razor and PHP tmLanguage files from vscode. However, this ended up being more problimatic, as it would not do the things I wanted it to do. So I just started to write it from scratch to get it to work properly. The one thing I knew I did not want to do is have to write the others grammars definitions in this if I did not have to. I wanted to be able to utilize each of the embedded languages that were already created. This is more of a pain because you have to really have to think about the order things run and how regex and the tags work together. ALso recursion is huge to make it work properly. I am still learning, so if anyone has tips and tricks either let me know on twitter or github. I would love to here others that utilize this.

Contributors

@meesfrensel
@ExE-Boss
@vlad-ro
@Fernando-Lozano
@JStyle21
Orginal Snippet Library @theranbrig [Code](https://github.com/theranbrig/ejs-snippets

Contact

Twitter: @digibrainstem

github

EJS language support

DigitalBrainstem