Support text field appendix

assets/styles.css

@@ -167,6 +167,11 @@ hr {
     top: 1px;
 }
 
+.appendix-textfield {
+    text-align: left;
+    padding: 10px;
+}
+
 .appendix .inputs {
     display: inline-block;
     vertical-align: middle;

bin/generate-infobook-html.ts

@@ -9,6 +9,7 @@ import {InfoBookAppendixHandlerCraftingRecipe} from "../lib/infobook/appendix/In
 import {InfoBookAppendixHandlerSmeltingRecipe} from "../lib/infobook/appendix/InfoBookAppendixHandlerSmeltingRecipe";
 import {InfoBookAppendixHandlerImage} from "../lib/infobook/appendix/InfoBookAppendixHandlerImage";
 import {InfoBookAppendixHandlerKeybinding} from "../lib/infobook/appendix/InfoBookAppendixHandlerKeybinding";
+import {InfoBookAppendixHandlerTextfield} from "../lib/infobook/appendix/InfoBookAppendixHandlerTextfield";
 import {IInfoBook} from "../lib/infobook/IInfoBook";
 import {IInfobookPlugin} from "../lib/infobook/IInfobookPlugin";
 import {InfoBookInitializer} from "../lib/infobook/InfoBookInitializer";
@@ -75,6 +76,8 @@ async function create() {
     new InfoBookAppendixHandlerImage(resourceLoader.getResourceHandler()));
   infoBookInitializer.registerAppendixHandler('keybinding',
     new InfoBookAppendixHandlerKeybinding(resourceLoader.getResourceHandler()));
+  infoBookInitializer.registerAppendixHandler('textfield',
+    new InfoBookAppendixHandlerTextfield(resourceLoader.getResourceHandler()));
 
   // Load plugins
   const assetsPaths = [];

lib/infobook/appendix/InfoBookAppendixHandlerTextfield.ts

@@ -0,0 +1,30 @@
+import {ResourceHandler} from "../../resource/ResourceHandler";
+import {ISerializeContext} from "../../serialize/HtmlInfoBookSerializer";
+import {IFileWriter} from "../IFileWriter";
+import {IInfoAppendix} from "../IInfoAppendix";
+import {IInfoBookAppendixHandler} from "./IInfoBookAppendixHandler";
+
+/**
+ * Handles text field appendices.
+ */
+export class InfoBookAppendixHandlerTextfield implements IInfoBookAppendixHandler {
+
+  private readonly resourceHandler: ResourceHandler;
+
+  constructor(resourceHandler: ResourceHandler) {
+    this.resourceHandler = resourceHandler;
+  }
+
+  public createAppendix(data: any): IInfoAppendix {
+    const contents = data._
+      .replace(/ /g, ' ')
+      .replace(/\n/g, '<br \>');
+    const scale = data.$.scale || 1;
+    return {
+      toHtml: (context: ISerializeContext, fileWriter: IFileWriter) => {
+        return `<div class="appendix-textfield" style="font-size: ${scale}em">${contents}</div>`;
+      },
+    };
+  }
+
+}