Clear text on editing

This clears text on editing. Answer to http://stackoverflow.com/questions/40502421/how-to-remove-default-text-in-itext-fabric-js/40530427#40530427

by Jonah Carneskog

HTML

<canvas id="container" width="780" height="500"></canvas>

JavaScript

var canvas = new fabric.Canvas('container');

var oText = new fabric.IText('Tap and Type', {
  left: 0,
  top: 0,
  fontFamily: 'Bree Serif',
  fontSize: 22,
  cache: false
});

canvas.on("text:editing:entered", clearText);

function clearText(e) {
  if (e.target.type === "i-text") {
    if (e.target.text === "Tap and Type") {
      e.target.text = "";
      canvas.renderAll();
    };
  }
}

canvas.add(oText);