Drawing complex html tables in wysiwyg editor
Posted on 2015-02-13
I'm working with html documents that are made to look like a paper form, with lots of lines and boxes, where different text is placed (by my application) in the proper locations.
Normally I design these html "paper forms" manually, with traditional html coding, but now some other non-tech people will begin designing the forms instead.
I've tried letting them use MSWord and "save as html", which almost works. Word does quite a good job at handling complex structures. There is lots of "garbage" in the resulting html, but I can quite easily automatically tidy up/filter away such MS stuff.
However, there are limitations. Word kind of "links" different table cells with eachother, and the designing users have difficulties drawing the forms as they would like to.
Also, the Word html result is not static enough. Depending on the text content, the lines and boxes "move around" a little too much.
So... I've been looking for some WYSIWYG editor that generates html, letting the user "paint tables" more or less on free-hand.
All the editors I've tested (including Adobe dreamweaver etc) however are stuck in the idea that a "table is X times Y cells" and only allows more complex structures by having the user painstakingly create tables in tables in tables, etc etc. Much too advanced for the users that I'm working with.
I would like to find something more "free hand"-like, where the user "draws the lines" that is to be printed on the paper form, and the html editor then calculates how a corresponding table should be designed.
Does anybody know of a tool/editor like that? Commercial (expensive) is ok.
Of course it doesn't have to be <tables> - other types of html markup might be ok as well, but I'd really like the user to "draw lines", as much as possible, rather then be thinking of html structures.
In the end, the html is passed to wkhtml2pdf - so I'm limited to the kind of html that this tool (based on webkit) can handle.