posts /

Handlebars und textarea input

Es is ja schon seltsam wie Handlebars es schafft in multiline input values in einer textarea aus newlines eine beliebige Anzahl von tabs zu machen um beim wegschreiben wieder da newlines draus zu machen. Eine Kombination von verschiedenen StackOverflow Artikeln brachte mich auf die richtige Spur einer Lösung:

Einen Handlers Helper registieren der newlines in ersetzt:

Handlebars.registerHelper('breaklines', function(text) {
  text = Handlebars.Utils.escapeExpression(text);
  text = text.replace(/\n/gm, '
');
  return new Handlebars.SafeString(text);
});

Und dann im template den auch Nutzen. Alles wieder gut:

<textarea cols="35" rows="5" placeholder="empty textarea">{{breaklines value}}</textarea>