draft.18

import React from 'react';
import { convertToHTML } from 'draft-convert';

export const styleToHTML = (style) => { // <-- [1]
  switch (style) {
    case 'ITALIC':
      return <em className="italic" />;
    case 'BOLD':
      return <strong className="bold" />;
    case 'HIGHLIGHT':
      return <strong className="highlight" />;
    default:
      return null;
  }
};

export const blockToHTML = (block) => { // <-- [2]
  const blockType = block.type;

  switch (blockType) {
    case 'SLIDER': {
      const slides = block.data.slides; // <-- [4]

      return {
        start: `<div class="slider js-slider" data-slides="${ JSON.stringify(slides).replace(/"/g, "'")}"><div>`,
        end: `</div></div>`
      }
    }

    default: return null;
  }
};

export const entityToHTML = (entity, text) => { // <-- [3]
  if (entity.type === 'LINK') {
    return (
      <a
        className="link"
        href={entity.data.url}
        target="_blank"
      >
        {text}
      </a>
    );
  }
  return text;
};
...