HTML+CSS+JavaScript

Здравствуйте, мне нужно при клике по тексту редактировать его и после клика по телу документа чтоб он сохранялся.
Текст создается в прямоугольнику с помощью библиотеки raphael:

r = Raphael(document.getElementById("element")); texts = r.set(); texts.push(r.text(x + 40, y + 10, "New node").attr({ fill: tcolor, stroke: "none", "font-size": 15, cursor: "move" }) .click(function () {          }));