This plugin is for MkDocs to add capability of @import "file" statement to directly insert various files into a page.

As image file type, following extensions are supported

Following extensions are also supported.

Install the plugin using pip:

pip install mkdocs-import-statement-plugin

Next, add the following lines to your mkdocs.yml:

plugins:
  - search
  - import-statement

If you have no plugins entry in your config file yet, you'll likely also want to add the search plugin. MkDocs enables it by default if there is no plugins entry set.

In your markdown documents you can describe as following.

@import "file"

When you use MkDocs, this plugin will replace these import statements appropriately depending on the extension.

The import statement is replaced as following.

![](file)

If there are {} options after the import statement, that statement will be replaced with a <img> tag.

For example,

@import "file" {width="640" height="480"}

is converted to as follwoing.

<img src="file" width="640" height="480">

Where the image file path is relative to the markdown file.

The import statement is replaced with a Markdown table that expands the contents of the specified file.

For example, when the following CSV file is as following.

A1,B1,C1
A2,B2,C2
A3,B3,C3

This replaced to as following.

| A1 | B1 | C1 |
| :- | :- | :- |
| A2 | B2 | C2 |
| A3 | B3 | C3 |

The import statement is replaced with <script> tag like as following.

<script type="text/javascript" src="file"></script>

The import statement is replaced with the contents of the specified file and the replacement is recursively processed.

The import statement is replaced with the contents of the specified file.

The import statement is replaced by comment blocks of the contents of the specified file.