Basic support for "enter" key

This commit is contained in:
Inez Korczynski 2012-01-26 01:37:12 +00:00
parent 7af509311a
commit bc26561ada
Notes: Gabriel Wicke 2012-02-27 16:40:01 +00:00
3 changed files with 94 additions and 16 deletions

View file

@ -14,6 +14,13 @@ $(document).ready( function() {
'end': 14
}
},
{
'type': 'textStyle/italic',
'range': {
'start': 10,
'end': 17
}
},
{
'type': 'object/template',
'data': {
@ -38,7 +45,7 @@ $(document).ready( function() {
window.surfaceModel = new es.SurfaceModel( window.documentModel );
window.surfaceView = new es.SurfaceView( $( '#es-editor' ), window.surfaceModel );
/*
$('#es-editor')[0].addEventListener("DOMSubtreeModified", function() {
var selection = rangy.getSelection();
console.log(selection);
@ -51,6 +58,7 @@ $(document).ready( function() {
console.log(selection);
}
});
*/
/*

View file

@ -5,6 +5,14 @@ es.ContentView = function( $container, model ) {
// Properties
this.$ = $container;
this.model = model;
if ( model ) {
// Events
var _this = this;
this.model.on( 'update', function( offset ) {
_this.render( offset || 0 );
} );
}
}

View file

@ -14,33 +14,95 @@ es.SurfaceView = function( $container, model ) {
return _this.onKeyDown( e );
} );
this.model.getDocument().on( 'update', function() {
_this.emit( 'update' );
} );
this.documentView.renderContent();
};
es.SurfaceView.prototype.onKeyDown = function( e ) {
if ( e.which == 13 ) {
e.preventDefault();
console.log(this.getSelection());
var range = this.getSelection();
if ( range.start === range.end ) {
var tx = this.model.getDocument().prepareInsertion( range.start, [ { 'type': '/paragraph' }, { 'type': 'paragraph' } ]);
this.model.transact( tx );
}
}
};
es.SurfaceView.prototype.getOffset = function( localNode, localOffset ) {
var $node = $( localNode );
while( !$node.hasClass( 'es-paragraphView' ) ) {
$node = $node.parent();
}
var traverse = function( data, callback ) {
var current = [ data, 0 ];
var stack = [ current ];
while ( stack.length > 0 ) {
if ( current[1] >= current[0].length ) {
stack.pop();
current = stack[ stack.length - 1 ];
continue;
}
var item = current[0][current[1]];
var out = callback( item );
/*
* -1 = stop traversing
* 1 = deep traverse
* 0 = skip deep traverse
*/
if ( out === -1 ) {
return;
} else if ( out === 1 && item.nodeType === 1 ) {
stack.push( [ $(item).contents() , 0 ] );
current[1]++;
current = stack[stack.length-1];
continue;
}
current[1]++;
}
};
var offset = 0;
traverse( $node.contents(), function( item ) {
if ( item.nodeType === 3 ) {
if ( item === localNode ) {
offset += localOffset;
return -1;
} else {
offset += item.textContent.length;
}
} else {
if ( $( item ).attr('contentEditable') === "false" ) {
offset += 1;
return 0;
}
}
return 1;
} );
return offset + 1 + this.documentView.getOffsetFromNode( $node.data('view') );
}
es.SurfaceView.prototype.getSelection = function() {
var selection = rangy.getSelection();
var node = selection.anchorNode;
var $node = $( node );
while( !$node.hasClass( 'es-paragraphView' ) ) {
$node = $node.parent();
if ( selection.anchorNode === selection.focusNode && selection.anchorOffset === selection.focusOffset ) {
// only one offset
var offset = this.getOffset( selection.anchorNode, selection.anchorOffset );
return new es.Range( offset, offset );
} else {
// two offsets
var offset1 = this.getOffset( selection.anchorNode, selection.anchorOffset );
var offset2 = this.getOffset( selection.focusNode, selection.focusOffset );
return new es.Range( offset1, offset2 );
}
var $contents = $node.contents();
for( var i = 0; i < $contents.length; i++ ) {
if ( $contents[i] == node ) {
console.log(node);
}
}
return 0;
};
/* Inheritance */