Collapsing nodes work for nested layers
Recursion algorithm will further collapse child nodes, if applicable.
Collapsing nodes work for 1 layer
Collapsing works for this:
Code will clean up to
Now looking at nested nodes using recursion.
.
Code will clean up to
.
Now looking at nested nodes using recursion.
pseudocode for collapsing nested tags
merge adjacent nodes with the same tags
Nested tags working with front and back offsets
Tags nest correctly when partial text is selected.
Nested tags working with issues
end offsets are wrong, and common parent not collapsed
pseudo code for nested tags
new cleaned up algorithm for arranging strong, em, u tags when they nest.
Remove redundant codes for adding nested tags
Codes for adding nested , , was getting overly messy and complicated.
Stylizing text!
Started to add , and tags.
Bug fixes
Fixed a bug where ux is not triggered if user selects text without clicking on the div first.
Added listeners to text edit buttons
added listeners and fixed bug where a click will toggle buttons to hide.
Handlers to update number of entries per row
Callback to automatically calculate width per card (and the spacings in between) when number of entries per row is updated.
New UX to declutter
The buttons for a normal text editor plus the buttons to edit a card in a grid layout was starting to clutter. Here we try out a pan in/out version, that is toggled automatically when text is selected.
add UX to card without damaging alignment
Fix bug where UX to edit a card will cause the paddings go off.
Fix layout css for grid layout
For the spaces between cards in all directions when the number of cards changes
Handlers and Landing Page design
Handler to clone any card in a grid layout + designed the animation script for landing/interest signup page.
Added UX to set number of entries per row
Created a field that appears when a grid layout row is selected, for users to set number of cards per row before wrapping occurs.
Added new Button!
Finally figured out where to put the add card (in a grid layout) button, as our UX was getting cluttered.
loisthash
Author
Thanks for asking! This is part of our WYSIWYG editor which will generate content "blocks" in HTML. It's meant to have a light footprint and users who are not proficient in any of the popular cms can quickly whip something up and stick into their page. Users experienced in cms can also use it to create new layout quickly on top of existing templates. We use vanilla js and 0 frameworks, so it should be easy to integrate.
