Add an optional function for custom formatting

[ChrisCinelli]

I would like to be able for example to display ok in green in {"status": "ok"} and error in red in {"status": "error"}.

I think we could have an optional format field in config with a callback that has value and type as arguments. The return value can alter the output (maybe adding a CSS class).

[aj599t]

ALso, the CSS for the values in the json. Currently, json-formatter-string class has a property white-space: pre which prevent wrapping the content. Can this issue be addressed?

[mohsen1]

@aj599t with the proposed API it should be possible. What I'm thinking is this:

function format(type: string, value: string, node: HTMLSpanElement): HTMLSpanElement {
  // Here you can apply styles or append classes to the element
  // or even inject new elements inside the span

  node.classList.add('myClass');
  node.style.fontSize = '12px'
  const span = document.createElement('span');
  span.innerText = 'hi';
  node.appendChild(span);
  return node;
}