I was trying my hand at my first plugin, and to a certain extent it worked quite OK :slight_smile: However, I’m having trouble with the helper class. The class seems to strip out certain attributes and I have no idea what’s happening. I’m adding an \<a> with some classes and a few attributes. I’m…

https://github.com/discourse/discourse/blob/master/app/assets/javascripts/discourse/widgets/header.js.es6#L93-L104 As per above code, I guess it should be like below decorateWidget('header-icons:before', helper => { return h('li.header-dropdown-toggle', [ h('a.icon.btn-flat', { …

Works like a charm, thanks! :slight_smile:

With the help of this topic, I was able to create an SVG object using the h helper: let logo = h("svg", { "attributes": { "width": "22", "height": "24", "viewBox": "0 0 22 24", "fill": "none", "xmlns": "http://www.w3.org/2000/svg" …

Interesting.. Could you link/paste the generated SVG too?

@Bas Unfortunately, I don’t have the same code anymore. I moved on, and implemented the logo via different methods. But this I can tell you now; if I inspected the browser for the SVG image, and edited as HTML in the browser to rename viewbox attribute to viewBox, the SVG image would render correct…

Ok, thank you for letting us know. Happy that you managed to sort it with a different method!

Widget Helper stripping attributes?

Development

Bas (Bas van Leeuwen) 2017 年 8 月 14 日午後 2:27 3

Works like a charm, thanks!

トピック		返信	表示
Custom complex HTML code in the Discourse Header Support	1	3095	2019 年 4 月 4 日
How do I add data attributes to a script using the HTML builder Development	2	1591	2019 年 7 月 26 日
Javascript HTML - widget Development	1	699	2022 年 6 月 29 日
Showing simple text with decorateWidget Development	4	2077	2017 年 5 月 12 日
Empty class values in hamburger menu Bug	2	965	2017 年 2 月 13 日

Widget Helper stripping attributes?

関連トピック