It doesn't allow <font> tag

[mvcoconut]

It doesn't allow tag

from coconut.vdom.

[back2dos]

Tags are defined in js-virtual-dom where it could be added in theory.

That said, font was deprecated in HTML 4.01 and MDN explicitly advises not to use it.

If you absolutely need this, you can use something like this:

class Html3 {
  static public function font(attr:{ ?size:String, ?face:String, ?color:String }):vdom.VNode
    return vdom.VDom.h("font", attr);
}
//and use with
import Html3.*;

For better compatibility, you can also try to emulate it with something like this:

class Html3 {
  static var sizes = [null, "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large"];
  static public function font(attr:{ ?size:Int, ?face:String, ?color:String }):vdom.VNode
    return vdom.VDom.span({ style: { fontFace: attr.face, color: attr.color, fontSize: sizes[attr.size] }});
}

That said I would still advise against going down that road. You can either use CSS or inline-styles. The latter can be nicely factored out like so:

class Styles {
  static public var ERROR(default, never):vdom.Style = { color: 'red' };
  static public var WARNING(default, never):vdom.Style = { color: 'yellow' };
}
//usage:
import Styles.*;
hxx('<span style={WARNING}>You have been warned!</span>');

[grosmar]

Thanks a lot! :)

Good to know I can easily extend/overwrite existing elements.