vsergione / aacms Goto Github PK

Hey,

lovely little tool, nice and simple.
Here are some ideas (not pushing anything, just think it would not hurt and most ideas don't require a major rework)

• Clicking on body background should deselect whatever is selected. Right now it gets stuck on body-s first child unless you click "finish editing"
• "LI" tags should be ignored by default (unless you click "dive) as 99% of the time you simply edit LI-s by highlighting the UL
• Keyboard shortcuts would be nice since there are not a lot of features and jQuery is included. Traversing and assigning text styles would become much faster.
• use box-shadow to emulate the border in hovering class. this will prevent layout shifts {border-color: transparent; /* if element has border make it transparent */ box-shadow: 0 0 0 2px blue;}
• add {user-select: none} to cms popup.
• allow assigning default bootstrap text classes via dropdown (ones that start with text-).
• Ditch the tabbed layout in favor of a toolbar layout? I mean there are 10-15 buttons anyway. Less clicks = faster iteration (I assume this tool is specifically made with that idea in mind).
• Delete highlighted elements by clicking on element itself.(instead of selecting it and going to cms tab to delete). Could be done by adding a pseudo element to the hovering class. Somethig like a little "X". Bind a click listener to that and we're good to go.
• specify default file name to be edited when no get parameter is specified (index.html for example)

p.s. this one is kinda bigger in terms of coding but a simple undo/redo would be also great.

Let me know what you think.
Cheers!