How can I add an image in the "formatting" bar?

[Doppy]

I need to add another entry in the "formatting bar":

I don't know how I can do this but my solution is use a file.js that create the element and put this entry in the html code.

Anyone can suggest me other solution that I can use to put a new entry in "formatting bar" ?

[yariplus]

There's multiple possibilities. I use an image in the formatting bar in nodebb-plugin-rainbows. I do it using CSS, and add a button with the rainbows class here. I use the raw image data in my CSS, but you could use a real url too.

i.rainbows {
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: block;
  background-position: center;
  background-image: url(data:image/png;base64,iVBORw0K.....);
}

[Doppy]

@yariplus thanks for you help! but You can suggest another method to do this?

[Doppy]

I resolve following this plugin:

npm install nodebb-plugin-editor-plus