draft-js-modifiers/resetBlock.js

Modular state modifiers for Draft.js

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _draftJs = require('draft-js');

/**
 * Remove range also change block type to 'unstyled'
 */
var resetBlock = function resetBlock(editorState, block) {
  var content = editorState.getCurrentContent();
  var key = block.getKey();
  var targetRange = new _draftJs.SelectionState({
    anchorKey: key,
    anchorOffset: 0,
    focusKey: key,
    focusOffset: block.getLength()
  });
  var withoutTargetContent = _draftJs.Modifier.removeRange(content, targetRange, 'backward');
  var resetBlock = _draftJs.Modifier.setBlockType(withoutTargetContent, withoutTargetContent.getSelectionAfter(), 'unstyled');
  var newState = _draftJs.EditorState.push(editorState, resetBlock, 'remove-range');
  return _draftJs.EditorState.forceSelection(newState, resetBlock.getSelectionAfter());
};

exports.default = resetBlock;