Added very simple "debug" tool to demo page.

Change-Id: I3df694187089ac4caa2287b55e3a51755cdec2c7
This commit is contained in:
Inez Korczynski 2012-07-24 16:44:06 -07:00
parent c4e7544f60
commit 876fd6be36

View file

@ -168,5 +168,36 @@ $html = '<div>' . file_get_contents( $page ) . '</div>';
$( '.ve-ce-documentNode' ).focus(); $( '.ve-ce-documentNode' ).focus();
} ); } );
</script> </script>
<div style="margin-left: 2em; margin-right: 2em; margin-bottom: 1em;">
<labe>Start</label>
<input type="text" style="width: 3em" id="ve-debug-start"/>
<labe>End</label>
<input type="text" style="width: 3em" id="ve-debug-end"/>
<br/>
<a href="#" id="ve-get-range">Get range from the editor</a>
<br/>
<a href="#" id="ve-dump-data">Dump data to the console</a>
</div>
<script>
$( function() {
$( '#ve-get-range' ).on( "click", function( e ) {
var range = ve.instances[0].view.model.getSelection();
$( '#ve-debug-start' ).val( range.start );
$( '#ve-debug-end' ).val( range.end );
e.preventDefault();
return false;
} );
$( '#ve-dump-data' ).on( "click", function( e ) {
var start = $( '#ve-debug-start' ).val(),
end = $( '#ve-debug-end' ).val();
// TODO: Validate input
console.dir( ve.instances[0].view.documentView.model.data.slice( start, end ) );
e.preventDefault();
return false;
} );
} );
</script>
</body> </body>
</html> </html>