<p>This plugin displays the content of a file in a post. The content of the file<br />
(called a “snippet”) is put in a <code><pre></pre></code> block by default.</p>
<p>It has the following advantages over pasting the content of the file in your post<br />
yourself:</p>
<ul>
<li>When the file is modified, no need to modify the posts referring to it</li>
<li>Indentation is preserved by default (useful to show code snippets)</li>
<li>Can optionally provide a link to the file (no need to copy-paste your snippet)</li>
</ul>
<p>If requested (see the <code>preserveformat</code> parameter), the content of the file<br />
is put in a <code><div></div></code> block, with each line (delimited by<br />
the carriage return) in its own <code><p></p></code> block.</p>
<h4>Usage</h4>
<p>Syntax: <code>[file lang="some_lang" start="a_line_number" end="a_line_number" link="on_or_off" style="some_style_properties" preserveformat="on_or_off"]path/to/your/file[/file]</code></p>
<p>Note: The order of the attributes is mandatory!</p>
<h4>Example: Inlining of a file</h4>
<p>In your post, write <code>[file]path/to/your/file[/file]</code>. That’s it!</p>
<h4>Example: Using a syntax highlighter plugin</h4>
<p>If you write <code>[file lang="cpp"]path/to/your/file[/file]</code> (for instance),<br />
and if the syntax highlighter plugin you use supports<br />
the <code><pre lang="*"></pre></code> syntax (most does), then the content<br />
of your file will be processed by the syntax highlighter plugin as usual.</p>
<h4>Example: Provide a link to the file</h4>
<p>If you write <code>[file link="on"]path/to/your/file[/file]</code>, a link will<br />
be automatically added to the top left of the text area.</p>
<h4>Example: Inline a subset of a file</h4>
<p>If you write <code>[file start="10" end="20"]path/to/your/file[/file]</code>,<br />
only the lines 10 to 20 of the file will be displayed. You can omit the start<br />
(ie. “from beginning to line 20”) or the end (ie. “from line 10 to the end of<br />
the file”) if you want.</p>
<h4>Example: Set the color of the text to red</h4>
<p>In your post, write <code>[file style="color: #FF0000;"]path/to/your/file[/file]</code>.</p>
<h4>Example: Prevent the plugin to process a [file][/file] block</h4>
<p>Just write <code>[file off]your content[/file]</code>.</p>
<p>Note: The ‘off’ attribute must come BEFORE any other ones.</p>


File Inliner

This plugin displays the content of a file in a post.

Palasthotel

greatestview

<p><strong>CAUTION</strong>: This plugin is now deprecated! The successor plugin is <a href="https://wordpress.org/plugins/embed-javascript-file-content/" rel="ugc">Embed JavaScript File Content</a>. The new plugin is rebuild from scratch and more rock solid: It respects order and position of scripts and extra scripts added via <code>wp_add_inline_script</code> or <code>wp_localize_script</code> don’t get lost. Give it a try!</p>
<p>In some cases you cannot wait for a JavaScript file to load, even if it is placed early in the <code><head></code> section of your template. You can benefit from better performance, if you place the JavaScript code directly inside a <code><script></code> tag into the header. This is where this plugin comes in: It provides a filter <code>inline_javascript_in_head_handles</code>, which takes JavaScript handles, dequeues those scripts and echos their code content inline into the head section instead of linking them via a script tag.</p>
<p>Please beware that placing lots of JavaScript code inline in the <code><head></code> section can be critical! First you lose caching benefits and second the document size can increase easily. A general rule of thumb is that you should only consider JavaScript files for inline placement, which are critical and which have a file size lower than ~500 Bytes.</p>
<h4>Example</h4>
<pre><code>add_action( 'wp_enqueue_scripts', 'my_scripts' );
function my_scripts() {
    // Some critical script is enqueued
    wp_enqueue_script( 'js-detection', get_template_directory_uri() . '/js/js-detection.js' );
}

/**
 * Define JavaScript handles to be echoed inline in the html head section.
 */
add_filter( 'inline_javascript_in_head_handles', 'my_inline_javascript_in_head_handles', -20 );
function my_inline_javascript_in_head_handles( $handles ) {
    $scripts = [ 'js-detection' ];

    return array_merge( $handles, $scripts );
}
</code></pre>


Inline JavaScript in Head

Boosts performance of critical short JavaScripts by placing their content directly into the HTML head.

File Inliner vs Inline JavaScript in Head