Estou usando este código no meu plugin:
helper.allowList(['span.dpg-balloon-text'])
helper.registerPlugin(md => {
md.inline.bbcode.ruler.push('dpgb', {
tag: 'dpgb',
wrap: function (startToken, endToken, tagInfo) {
startToken.tag = endToken.tag = 'span'
startToken.content = endToken.content = ''
startToken.type = "span_open";
endToken.type = "span_close";
startToken.nesting = 1;
endToken.nesting = -1;
startToken.attrs = [['class', 'dpg-balloon-text']].concat(
Object.keys(tagInfo.attrs).map(key => [
`data-dpg-${key}`,
tagInfo.attrs[key]
])
)
}
})
})
O código acima costumava funcionar tanto para tags BBCode vazias quanto não vazias. Mas descobri hoje que agora ele só é acionado quando a tag BBCode tem conteúdo (como [dpgb]Algum conteúdo[/dpgb]) e falha ao ser acionado quando a tag BBCode não tem conteúdo (como [dpgb][/dpgb]). É uma nova escolha de design?