редактор
http://imperavi.ru/redactor/docs/
есть страница "MAIN" в которой по клику создается диалог (закрытие диалога не обновляет родительскую страницу "MAIN"):
<div id="editForm_container"></div>
$("#editForm_container").empty();
var $dialog = $("#editForm_container")
.dialog({
autoOpen: false,
title: 'Редактирование ТЗ',
modal: true,
height: 'auto',
minWidth: 1000,
resizable: true,
open: function(){
$.ajax({
url:'/manager/tz/edit/'+id+'/',
type:'GET',
success: function(res) {
$("#editForm_container").html(res);
}
});
}
});
$dialog.dialog('open');
аяксом в диалог подгружается страница редактирования в которой несколько полей редактирования для которых создается редактор:
<div class="editable">тест1</div>
<div class="editable">тест2</div>
так же на этой странице скрипт создания\удаления редактора для полей редактирования:
<script type="text/javascript">
$(document).ready(function () {
var edit_object = new Object();
function setEditor(obj) {
var html = obj.html();
var form = '<form id="edit_form" action="/manager/tz/edit/" method="post"><p>';
form += '<textarea id="edit_area" style="height: 100px; width: 100%;">';
form += html;
form += '</textarea></p></form>';
obj.empty();
obj.html(form);
$(function(){
edit_object = $('#edit_area').redactor({ image_upload: '/manager/upload/' });
});
obj.attr('class', 'editor');
return(0);
}
function unsetEditor() {
$(".editor").each(function() {
var form = $('form', this);
var html = $('textarea#edit_area', form).val();
$(this).empty();
$(this).html(html);
$(this).attr('class', 'editable')
});
return(0);
}
$(".editable").live('click',
function(){
unsetEditor(); // сброс форм
setEditor($(this)); // установка формы на обьект редактирования
}
);
});</script>
все работает как положено за исключением того, что если закрыть диалог и открыть 2й раз редактор видит 2 объекта edit_object, а если закрыть диалог и открыть 3й раз он видит 3 обьекта... .
подскажите пожалуйста как сделать так что бы всегда был один объект edit_object?