wysiwyg-editor-convert/lib/index.js

Convert react-draft-wysiwyg to html

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _draftConvert = require("draft-convert");

var _types = require("./types");

var _default = (0, _draftConvert.convertToHTML)({
  blockToHTML: function blockToHTML(_ref) {
    var type = _ref.type;

    if (type === _types.BLOCK_TYPE.PARAGRAPH) {
      return /*#__PURE__*/_react["default"].createElement("p", null);
    }

    if (type === _types.BLOCK_TYPE.HEADER_ONE) {
      return /*#__PURE__*/_react["default"].createElement("h1", null);
    }
  },
  styleToHTML: function styleToHTML(style) {
    if (style.includes(_types.STYLE_TYPE.BACKGROUND_COLOR)) {
      return /*#__PURE__*/_react["default"].createElement("span", {
        style: {
          backgroundColor: style.replace(_types.STYLE_TYPE.BACKGROUND_COLOR, "")
        }
      });
    }

    if (style.includes(_types.STYLE_TYPE.COLOR)) {
      return /*#__PURE__*/_react["default"].createElement("span", {
        style: {
          color: style.replace(_types.STYLE_TYPE.COLOR, "")
        }
      });
    }

    if (style.includes(_types.STYLE_TYPE.FONTS_SIZE)) {
      return /*#__PURE__*/_react["default"].createElement("span", {
        style: {
          fontSize: parseInt(style.replace(_types.STYLE_TYPE.FONTS_SIZE, ""), 10)
        }
      });
    }

    if (style.includes(_types.STYLE_TYPE.FONT_FAMILY)) {
      return /*#__PURE__*/_react["default"].createElement("span", {
        style: {
          fontFamily: style.replace(_types.STYLE_TYPE.FONT_FAMILY, "")
        }
      });
    }
  },
  entityToHTML: function entityToHTML(_ref2, originalText) {
    var type = _ref2.type,
        data = _ref2.data;

    if (type === _types.BLOCK_TYPE.LINK) {
      return /*#__PURE__*/_react["default"].createElement("a", {
        target: data.targetOption,
        href: data.url
      }, originalText);
    }

    return originalText;
  }
});

exports["default"] = _default;