Use HTML tags in YAML

Heyho and thanks for this great piece of software. Makes a lot of fun to work with. One Question . Is it somehow possible to use html markup in our yaml files like so:

text: new module
context:
      fieldLabel: |
                   <strong>
                       Some Bold Text
                   </strong> and now normal continued.

[iamkeir]

@tonimain You can 😃

title: My Module
context:
  someHTML: <p>Yehaw!</p>

Then use three curly braces to disable HTML escaping:

{{{ someHTML }}}

See: http://handlebarsjs.com/expressions.html

[samuells]

I’ve created js helper/parser for it kind of. I’ve used as advantage, that you can create component config file as .js. But we didn’t want to switch configs into js - so we have a special cases, where we have config.yml and config.js. Than I just use js module to load yml settings and inject the content from specific html.

Sample - breadcrumb.config.yml

title: Breadcrumb Navigation
status: 'wip'
preview: '@preview'
context:
  breadcrumbs: ''

Sample - breadcrumb.config.js

const configHelper = require('fractal-config-helper');
const configObject = configHelper.loadYml(__filename);
configObject.context.breadcrumbs = configHelper.sampleLoader('_breadcrumb.html');
// Export config
module.exports = configObject;

in fractal-config-helper are defined few helper functions, which I can use to load config.yml content according to the folder into the configObject and after that I can inject content of html file also into this configObject. In this case it’s static definition of html, but you could build the html variable same as __filename.

Than you have to export configObject - this is from fractal documentation. And config.js has higher priority as config.yml