Редактирование и сохранение текста
 

Здравствуйте, мне нужно при клике по тексту редактировать его и после клика по телу документа чтоб он сохранялся.
Текст создается в прямоугольнику с помощью библиотеки 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 () {
         }));

при клике по тексту меняете содержимое прямоугольника с текстом на текстовое поле с этим же текстом (если вы можете установить текст, значит можете получить и доступ к нему), на onClick тела документа body вешайте соответствующую функцию, которая бы проверяла, например, существование текстового поля

прямоугольник создается так как и текст:

shapes = r.set();
shapes.push(r.rect(...))

они ,можно сказать не связаные.
А можно както записать значение в переменную, и обновить существующее?

:) можа лучше чере простое добавление свойства contenteditable
http://htmlbook.ru/html/attr/contenteditable

<style>
div {
 color:green;
 width:200px;
 padding: 0 3px 3px 3px;
}
div:focus,
div:hover{
  border:inset 2px #000;
  background-color:#FBFBFB;
}
</style>
<div contenteditable="true">ssdfsdfsdfsdgsdgdgs</div>

блин, так смешно, что это хтмл5, который в ие6 появился)

А если у меня текст рисуется с помощью Raphael на одном диве, как тогда?

тоесть в одном теге рисуются прямоугольник и в нем текст. и при клике по тексту его можно изменять

не уверен, что правильно скажу, но как вариант, рисовать текст и тег (если символы тега не будут отображаться в прямоугольнике)