MEGA TRICK: SVG in Coda (one step away from generated charts and mind maps!)

[Paul_Danyliuk]

Time to revive this topic, lol.

Another freshly discovered capability: HTML & CSS in SVG, which gives us HTML & CSS in Coda!

MEGA TRICK: HTML & CSS in Coda! (think custom invoices and reports)

Remember SVG in Coda? Well, @Artem_F (who is my partner for CodaTricks and consulting/building docs for hire, by the way) was studying SVG and discovered a property <foreignObject> that allowed rendering some HTML within SVG. The capabilities are of course limited. While displayed in an image (like an SVG would), no scripts can run, no mouse events captured (so no hover effects, no interactivity whatsoever), no external resources (fonts, images etc) loaded. You also have to use XML syntax, e.g…