A simple plugin for inlining stuff in your templates.

Installs: 47 246

Dependents: 1

Suggesters: 0

Security: 0

Stars: 64

Watchers: 1

Forks: 6

Open Issues: 0


2.1.1 2018-10-06 21:37 UTC

This package is auto-updated.

Last update: 2021-01-06 02:00:04 UTC


A tiny plugin for inlining files in Craft templates.

This is the Craft 3.x version of Inlin, for the Craft 2.x version see the master branch.


This plugin requires Craft CMS 3.0.0 or later.


To install the plugin, follow these instructions.

  1. Open your terminal and go to your Craft project:

     cd /path/to/project
  2. Then tell Composer to load the plugin:

     composer require aelvan/inlin
  3. In the Control Panel, go to Settings → Plugins and click the “Install” button for Inlin.


Use it like this:

{{'/build/svg/my.svg') | raw }}

<script>{{'/build/js/my.js') | raw }}</script>

<style type="text/css">{{'/build/css/my.css') | raw }}</style>

Why? Sometimes it makes sense, performance or workflow wise, to inline resources instead of requesting them.

To include a remote file, pass in true as the second parameter:

{{'', true) | raw }}


Understand that inserting filedata in your templates, especially when passing it through Twig's raw filter, is a potential security risk. And the path is relative to your document root, so the path could point to a file anywhere on your server. Make sure you never, ever let a third party control what is inserted. In case you're thinking "meh", insert this into your template:

{{'/../config/db.php') | raw }}

"With great power, comes great responsibility" -Voltaire


Inlin needs to know the public document root to know where your files are located. By default Inlin will use @webroot, but on some server configurations this is not the correct path. You can configure the path by creating a config file called inline.php in your config folder, and adding the publicRoot setting.


'publicRoot' => '/path/to/website/public/',