orbitbot / misbehave Goto Github PK

Pressing newline / enter when using it in Firefox (Chrome works fine) does not actually create a newline

When I paste the contents of code into a misbehave component the resulting code is displayed in single line instead of many lines the code was copied from.

Is there any way to show the line breaks of code that has has been pasted in?

My keypresses in this .gif are:
Enter Key -> A -> Backspace -> Enter Key

Issue seems to exist in latest Chrome, but seems fine in latest Firefox.
Haven't explored this further, but will add if I find something.

De-indent removes all content in code block before a multiline selection, if that selection starts before the first character on a line

Steps to reproduce

Enter and make selection as the following,

var moo = 3

>function() {
    return 42
}<

... press shift + tab:

>function() {
return 42
}<

Expected

var moo = 3

>function() {
return 42
}<

misbehave currently intentionally works in a simplified manner when considering the possible contents of a contenteditable block, only concerning itself with the text contents of the targeted HTML tag and overwriting the content as text f.e. when performing undos and redos.

This approach is problematic if we would like to work with more complex content in the block, such as extra spans provided by syntax-highlighting libraries like Prism.js. Currently on-the-fly syntax highlighting is not possible since the extra elements added will confuse the simplistic selection and text extracting and setting functionality, causing destructive input in the wrong locations and selecting the wrong elements. A more refined approach as indicated in the following might allow for continuous syntax-highlighting:

1. http://stackoverflow.com/questions/6240139/highlight-text-range-using-javascript
2. http://jsfiddle.net/8mdX4/1211/
3. https://github.com/mir3z/texthighlighter/blob/master/src/TextHighlighter.js

[1-2] Indicates how to select text across multiple elements given a start and end, which should match prefix.length and prefix.length + selected.length internally used by misbehave. The same functionality combined with a reverse approach should together with some edits to how misbehave currently works would probably be enough to implement working continuous syntax highlighting.

Hello, is there a way to prevent default behaviour on key press? I'm trying to use your lib to build a javascript in-browser console. Currently i've stuck on problem with impossibility of not append a new line character on "run" code. (not insert \n if user pressed Enter)