mrjs icon indicating copy to clipboard operation
mrjs copied to clipboard

Rich text support.

Open michaelthatsit opened this issue 1 year ago • 4 comments

This is a catch all for text. We need:

  • nested text (i.e. <mr-text> parent <mr-text> child </mr-text><mr-text>)
  • nested styling (i.e. <mr-text> parent <mr-text style="color: blue"> child </mr-text><mr-text>)
  • advanced styling (i.e. video textures, variable fonts, essentially support for all typography related CSS properties)
  • ?? @lobau looking to you for more details.

michaelthatsit avatar Jan 31 '24 02:01 michaelthatsit

https://github.com/Volumetrics-io/mrjs/issues/314 These seem to be related

adnanwahab avatar Feb 01 '24 00:02 adnanwahab

Yeah there are a couple that relate to this. I'll see if I can dig them up

michaelthatsit avatar Feb 01 '24 01:02 michaelthatsit

As input, I would say that I think we should support the basic formating tags like <em>, <strong>, <i>, <b>, etc. As if you want to bold a word, you really don't want to have to go create a CSS class for this and do something like

<mr-text>This is a <mr-text class="bold">bold</mr-text> word.</mr-text>

I would rather do this:

<mr-text>This is a <b>bold</b> word.</mr-text>

lobau avatar Feb 01 '24 01:02 lobau

Yeah this is valid. Ideally we could replace mr-text with any standard HTML tags within an mr-panel or mr-div

michaelthatsit avatar Feb 01 '24 01:02 michaelthatsit