HTML tags are ignored with jslink

[pat-schmitt]

ALL software version info

panel 0.14.2

Description of expected behaviour and the observed behaviour

The markdown object is ignoring the HTML tag <b> when updated with jslink. The example below is from the panel documentation https://panel.holoviz.org/user_guide/Links.html#linking-using-custom-js-code.

Sorry for crossposting, but here I opened a related issue for Holoviews: holoviz/holoviews#5590

Complete, minimal, self-contained example code that reproduces the issue

import panel as pn
pn.extension()

markdown = pn.pane.Markdown("<b>Markdown display</b>", width=400)
text_input = pn.widgets.TextInput(value="Markdown display")

code = '''
    target.text = '<b>' + source.value + '</b>'
'''
link = text_input.jslink(markdown, code={'value': code})

pn.Row(text_input, markdown)

Screenshots or screencasts of the bug in action

showcase.mp4

[MarcSkovMadsen]

You will have to convert the < and > to html codes. You will not be able to use Markdown. Only html.

The below works.

import panel as pn
pn.extension()

markdown = pn.pane.HTML("<b>Markdown display</b>", width=400)
text_input = pn.widgets.TextInput(value="Markdown display")

code = '''
    target.text = '&lt;b&gt;' + source.value + '&lt;/b&gt;'
'''
link = text_input.jslink(markdown, code={'value': code})

pn.Row(text_input, markdown).servable()

jslink-to-html.mp4

[MarcSkovMadsen]

I can see that your example is from https://panel.holoviz.org/user_guide/Links.html#linking-using-custom-js-code and that it does not work.

@philippjfr . How to solve this? Should the example be changed to use html codes as above. Or should the underlying Bokeh/ Panel code accept html tags?

[pat-schmitt]

Thanks, for the quick help!

[philippjfr]

In future this will be supported again as we switch to a client-side Markdown renderer for now though I will change the example.