JavaScript utils/formatter-utils Beispiele

Beispiel #1

Datei: json-input.js Projekt: mbahoshy/mongo-monkey

export const JsonOverlay = ({ value, className }) => {
  const style = {
    zIndex: '2',
    fontFamily: 'monospace',
    border: 'none',
    backgroundColor: 'transparent',
    pointerEvents: 'none',
  }
  return (
    <div style={style} className={className}>
      {formatter(value)}
    </div>
  )
};

Beispiel #2

Datei: json-input.js Projekt: mbahoshy/mongo-monkey

const TextOverlay = ({ value, scrollTop, scrollLeft, offsetWidth, caret, className }) => {
  const style = {
    position: 'absolute',
    top: `${0 - scrollTop}px`,
    zIndex: '2',
    left: `${0 - scrollLeft}px`,
    fontFamily: 'monospace',
    border: 'none',
    backgroundColor: 'transparent',
    pointerEvents: 'none',
    width: offsetWidth,
  }
  return (
    <div style={style} className={className}>
      {formatter(value, caret)}
    </div>
  )
}