cohost markup testing [WIP]

(see also: github testing that i did for my profile readme)

  • content is contained to post area with overflow:hidden
overflow-wrap: break-word → normal
BUNGALOOO!!!aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
data: URL images work if they are base64 encoded
  • this works: data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI5OSIgaGVpZ2h0PSI5OSIgdmlld0JveD0iMCAwIDEgMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJncmVlbiIvPjwvc3ZnPgo=
  • this doesn’t: data:image/svg+xml,<?xml version="1.0" encoding="UTF-8"?><svg width="99" height="99" viewBox="0 0 1 1" xmlns="http://www.w3.org/2000/svg"><rect x="0" y="0" width="1" height="1" fill="green"/></svg>

supported

  • div, span, a
  • big, small, sup, sub
  • table, tr, td
  • input (forced type=checkbox disabled)
  • details, summary
  • @id (forced prepend “user-content-”)
  • @style
  • ‘background-image’ with ‘url()’
  • ‘all’ (e.g. all: inherit;)
  • ‘var(--custom)’

stripped (into its textContent if any)

  • <!-- comment -->
  • a@href starting with “javascript:”
  • img@src
  • font
  • fieldset, legend
  • label, button, textarea, meter, progress
  • style
  • @class
  • ‘font-smooth’
  • ‘--custom’