better-popup-menu
https://gyazo.com/894496f46f727005faebe8b4377935b2https://gyazo.com/261042c770ac42726bd0794a6a72f516
code:style.css
/* 標準のtextをすべて消す */
.selections .popup-menu .button-container .button.strong-button > strong,
.selections .popup-menu .button-container .button.italic-button > i,
.selections .popup-menu .button-container .button.strike-button > strike {
display: inline-block;
width: 0;
text-indent: -9999px;
}
.selections .popup-menu .button-container .button.link-button,
.selections .popup-menu .button-container .button.new-page-button,
.selections .popup-menu .button-container .button.copy-plain-button {
font-size: 0;
}
/* buttonにFontAwesomeを使う */
.selections .popup-menu .button-container .button {
font: normal 100%/normal "Font Awesome 5 Free";
font-size: 12px;
font-weight: 900;
display: inline-block;
text-align: center;
}
/* iconを設定する */
.selections .popup-menu .button-container .button.link-button::after {
font-size: 12px;
content: '[]'
}
.selections .popup-menu .button-container .button.strong-button::after {
content: '\f032'
}
.selections .popup-menu .button-container .button.italic-button::after {
content: '\f033'
}
.selections .popup-menu .button-container .button.strike-button::after {
content: '\f0cc'
}
.selections .popup-menu .button-container .button.copy-plain-button::after {
font-size: 12px;
content: '\f328'
}
.selections .popup-menu .button-container .button.new-page-button::after {
font-size: 12px;
content: '\f0c4'
}