Real-time editor for 2 users.

[jandzban1]

So I have a site with 2 instances of editor in it. <div id="first">  and <div id="second"> . I want the <div id="first"> to be editor for each user to edit on his side and <div id="second"> to show what the other user is typing.

This is how want it to work. So far I've been using jquery 

$('#second').empty;
$('#first').children().clone().appendTo($('#second'));

but it works on client side only. I'm using SignalR for realtime "updating" but this doenst work. I believe the problem lays in the type of data im sending through SignalR. Im sending

$('#first').children().clone()

as object, but maybe there is any Ace built-in function to for example get current text from one editor and so I could use it to append that text to another editor?

[Harutyun Amirjanyan]

editor.getValue and editor.setValue can be used for getting text

if each user can modify only his own document

editor1.on("change", function(d) {
    editor2.session.doc.applyDelta(d)
})

can work

but if both users can edit same document you need to use something like

https://github.com/share/ShareJS or https://github.com/firebase/firepad/blob/master/examples/ace.html