jncraton / box-line-text Goto Github PK

After creating a box, when typing a text inside that box, it could be nice if the height of the box adapts to the height of the text.
Use case : I don't know in advance how much long the text will be, so the initial size of the box is arbitrary.

I was not able to make it work with arrows.... I am certainly missing something.

When writing text inside a box, i wanted to create a list of items, and tried to hit Enter to start a new line. I saw that it does not add a line-break.
Thought it could be nice to have that.

It's a very nice concept!

I feel that as it's a whiteboard, it could use
a little more of an informal feel, as in:
https://codepen.io/tmrDevelops/pen/NPXodB

I've had a go at including this, and the boxes work fine, but
I suspect that the lines may need a different technique than a
zero height box.

also, a more informal font would be nice.

On MacOS, Ctrl + left click is interpreted as a right-click, making it impossible to drag elements. It is also more customary to use Cmd+Z for undo. I might try to play with implementing some simple key mappings in the next few days.

The contenteditable p tag used for text currently has at least a few inconsistencies across browsers:

1. Hard breaks may be handled as either <br> or <div> tags and perhaps some others creating inconsistent behavior.
2. Pasted rich text content may cause issues and isn't styled properly.

These issues should be addressed by only allowing plain text to be used.

Hi ! Great project, I love minimal app like this ❤️

It would be great to store the diagram status :

• in url : to let users send diagram via copy pasting url
• in localstorage : to avoid losing the diagram by closing the tab or browser accidently (or system crash, cat on keyboard, nuclear attack, ...)

I'm wondering now about the size limit in url address & the way of encoding boxes, lines and text all together in a string.

For the local storage, it should be easier without this string restriction.

Hello ,

I love this non-UI whiteboard. Actually, it is easier to use than some UI boards, and it is cleaner and nicer!
I felt like the ability to drag and drop the created elements (in order to move them on a another position on the board) would be a nice feature.
What do you think?

When I already wrote a text, and then I want to edit it, so I type again something in the box, the text is added above the older text.

Don't know if it could just replace the text that is already on the same line?
see screen shot

Could be intersting to have auto-alignment of shapes helper (as in powerpoint for instance) :
lines appears that show you how to align vertically or horizontally, and they are "magnetic"

Currently, if delete or backspace is pressed inside an empty element, such as a box, nothing happens. It might be helpful to modify this behavior to remove the box.