HTinliner ist ein Gulp-Plugin für das Einbetten von referenzierten Dateien in eine HTML-Datei. Das Ziel dieses Verarbeitungsschrittes ist die Erzeugung einer einzelnen HTML-Datei, die keine weiteren Abhängigkeiten zu anderen Dateien besitzt.

HTinliner unterstützt das Einbetten der folgenden Referenzen:

• CSS
  Tags nach dem Muster <link rel="stylesheet" href="/..." /> werden durch ein Tag <style>...</style> mit dem Inhalt der referenzierten Datei ersetzt.
• JavaScript
  Tags nach dem Muster <script src="/..."></script> werden mit dem Inhalt der referenzierten Datei gefüllt und das src-Attribut wird entfernt.
• SVG
  Tags nach dem Muster <img src="/....svg" /> werden durch das SVG-Markup der referenzierten Datei ersetzt und optional in einen DIV-Container mit einer benutzerdefinierten CSS-Klasse geschachtelt.

Das Einbetten von SVG-Markup anstelle eines IMG-Tags hat den Vorteil, dass Hyperlinks im SVG aktiv sind und Textinhalte als Text markiert und kopiert werden können.