FHIR Chat · css for pre word-wrapping · ig publishing requirements

Stream: ig publishing requirements

Topic: css for pre word-wrapping

Eric Haas (Mar 25 2022 at 18:28):

I am publishing a Jupyter notebook file with lots of base64 encoded content. I convert it to a markdown file thanks to Jupyter's awsomeness. However, it if full of base64 encoded content which does not word-wrap in the ig-publisher. I am OK with adding styling to code blocks to address this. (need to escape the html <> too) but I would like to propose we add this to the project css as a pre class to make it easier more consistent.

/* ============ wrapping long strings  in code blocks ============= */
pre.word-wrap {  // or pre.base64
  border:0;
  overflow-wrap:break-word;
}

then we could do this in markdown....

myverrryyyyyyyyyyyloooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooonnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnngggggggggggggggggggggggggggtext
{: .word-wrap}

to get this :-)....

myverrryyyyyyyyyyyloooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooonnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnngggggggggggggggggggggggggggtext

instead of this :-( ...

myverrryyyyyyyyyyyloooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooonnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnngggggggggggggggggggggggggggtext

Lloyd McKenzie (Mar 25 2022 at 22:00):

The source checked into git should be raw markdown, not base64 content...

Eric Haas (Mar 26 2022 at 16:15):

This is not source material but rather explaining howto content or examples that display base64 content. See the CDEX signature worked examples example as well as smart launch examples