Page Inject is a powerful Grav Plugin that lets you inject entire pages or page content into other pages using simple markdown-style syntax or alternatively a shortcode syntax (Shortcode Core plugin required).
Installing the Page Inject plugin can be done in one of two ways. Our GPM (Grav Package Manager) installation method enables you to quickly and easily install the plugin with a simple terminal command, while the manual method enables you to do so via a zip file.
The simplest way to install this plugin is via the Grav Package Manager (GPM) through your system's Terminal (also called the command line). From the root of your Grav install type:
bin/gpm install page-inject
This will install the Page Inject plugin into your /user/plugins directory within Grav. Its files can be found under /your/site/grav/user/plugins/page-inject.
To install this plugin, just download the zip version of this repository and unzip it under /your/site/grav/user/plugins. Then, rename the folder to page-inject. You can find these files either on GitHub or via GetGrav.org.
You should now have all the plugin files under
/your/site/grav/user/plugins/page-inject
enabled: true
active: true
processed_content: true
remote_injections:
If you need to change any value, then the best process is to copy the page-inject.yaml file into your users/config/plugins/ folder (create it if it doesn't exist), and then modify there. This will override the default settings.
The active option allows you to enable/disable the plugin site-wide, and then enable it on page via Page Config overrides. This is useful to optimize performance.
the processed_content option means the page is pre-rendered before being injected. This is the default behavior and means that relative image links and other path-sensitive content works correctly. You can however set this to false and then the raw markdown is inject and processed along with the rest of the current page. This is relevant for content-inject links only.
You can override the plugin options by adding overrides in the page header frontmatter:
page-inject:
active: true
processed_content: true
There are two ways to use this plugin in your markdown content:
-
Page Injection
[plugin:page-inject](/route/to/page)This approach includes an entire page rendered with the associated template. This works best for modular page content or content that uses a specific template that provides appropriate styling that is intended to be part of other pages. You can also pass an optional template name and use that template to render the page (as long as you also provide the template in your theme):
[plugin:page-inject](/route/to/page?template=custom-template) -
Content Injection
[plugin:content-inject](/route/to/page)Sometimes you just want the content of another page injected directly into your current page. Use
content-injectfor this purpose. The content is not rendered with the associated twig template, merely injected into the current page.
The shortcode syntax follows the markdown-style syntax, and supports both page-inject and content-inject approaches.
NOTE: Shortcode functionality requires the
shortcode-coreplugin to be installed and enabled.
For example the Page Injection example from above would look like:
[page-inject=/route/to/page /]and the content inject version:
[content-inject=/route/to/page /]Alternatively, you can supply the path explicitly:
[content-inject path="/route/to/page" /]And for page-injection, you can specify a custom Twig template to render with:
[page-inject path="/route/to/page" template="foo" /]Also you can specify arguments that should be transport to injected content:
[content-inject path="/route/to/page" args="foo:ba ar;test:hello" /]and inside content of injected page there should be the same keys that will be provided in parameter args with characters $ as prefix and suffix, for example:
this is amazing content: $foo$ with a lot of $test$The characters $ will be replaced as well, so the result of rendering will be:
this is amazing content: ba ar with a lot of helloOne of the most useful scenarios for using Page Inject plugin is for pulling modular pages into your content. This is because it allows you to sprinkle structure, pre-rendered HTML into the middle of your content. This allows you to create complex content layouts with a combination of straight markdown content, with blocks of more structured output. For example imagine being able to display a "Contact Us" form in the middle of a case study. Or perhaps a customer quotes module in the middle of a long article about your customer success stories. A quick example of this might be:
[plugin:page-inject](/modular/_callout)The path will be the Page route for the page, and modular pages are typically distinguished by the _ prefix. You would typically want to use a page-inject for this as you want the modular page pre-rendered with the associated Twig template. You could still just display the content with content-inject.
It is now possible to retrieve remote content from another Grav instance as long as both of the sites are running the latest version of the page-inject plugin. First in the client Grav instance you need to define a remote connection to another Grav server in the plugin configuration. For example:
remote_injections:
dev: https://dev.somehost.com/
foo: https://foo.com/barThis will then allow you to inject page content from one Grav instance to another using this syntax:
[plugin:page-inject](remote://dev/home/modular/_callout)and for the shortcode version:
[page-inject path="remote://dev/home/modular/_callout" /]Where the remote://dev protocol tells the plugin to retrieve the requested page from the dev injection configuration via the path /home/modular/_callout.
This is particularly useful for modular content that is already a snippet of content that is being reused on the server. This will retrieve the content, and because a modular page's content is pre-rendered with the appropriate Twig template, it will include all the HTML of the modular page. If you request a regular page (non-modular), there will be no Twig and just plain HTML content will be sent.