Skip to content

⛩️ Zed extension for the Tera templating language.

License

Notifications You must be signed in to change notification settings

uncenter/zed-tera

Repository files navigation

zed-tera

Zed extension for the Tera templating language.

Tip

For Visual Studio Code support, see uncenter/vscode-tera. For Helix and Neovim support, see uncenter/tree-sitter-tera.

Screenshot of highlighted sample Tera code in Zed with the zed-tera extension installed

Zed with zed-tera. Screenshot taken with the catppuccin/zed theme.

Usage

Open zed: extensions in the command palette, and search for the "Tera" extension.

Embedded/injected Language Support

I suggest adding the following to either your user or project settings.json to automatically apply injected language highlighting for Tera files with different extensions. Zed unfortunately does not allow extensions like this one set the language for files with multiple extensions1, so this is the best workaround for now.

{
	"file_types": {
		"Tera (CSS)": ["*.css.tera"],
		"Tera (HTML)": ["*.html.tera"],
		"Tera (JSON)": ["*.json.tera"],
		"Tera (TOML)": ["*.toml.tera"],
		"Tera (YAML)": ["*.yaml.tera"]
	}
}

Default to HTML highlighting of content

If you want all .tera files to highlight surrounding content as HTML, you can add the following to your project or user config:

{
	"file_types": {
		"Tera (HTML)": ["tera"]
	}
}

Use a different file extension with Tera syntax highlighting

If you work in a project with multiple Tera templates with non-.tera file extensions (such as .html/.css templates using Tera syntax), you can add something like the following to the .zed/settings.json file in your project.

{
	"file_types": {
		"Tera (HTML)": ["html"]
	}
}

License

MIT

Footnotes

  1. See zed-industries/zed#10997.

About

⛩️ Zed extension for the Tera templating language.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published