Formatando o Shortcode para exibir no modo visual

Eu queria saber se é possível converter esse tipo de shortcode:

[card name="Muscle Band" set="XY" no="121" c="name"][/card] 

Neste modo visual (em texto de cor azul):

Muscle Band XY 121

Basicamente, algo que detecta um código curto que está no formato acima e o muda para o segundo formato somente quando você o observa no modo Visual (o nome do cartão, o conjunto e o número).

Obrigado!

Solutions Collecting From Web of "Formatando o Shortcode para exibir no modo visual"

Você pode usar o shortcake ui para isso. [Shortcake no repository] [1]

[1]: https://de.wordpress.org/plugins/shortcode-ui/ shortcake ui plugin

Sim, certamente é. Para converter seu shortcode visualmente no editor, você deve fazer o seguinte:

  1. Adicione um filtro em mce_external_plugins
  2. Adicione seu URL de script de plugin tinymce ao $plugin_array e devolva-o
  3. Na sua function tinymce.PluginManager.add , responda aos events do editor BeforeSetContent e GetContent
  4. Na sua function de chamada de javascript antes de assinatura , execute o código que substitui o seu shortcode por um visual
  5. Na sua function Callable recarregável do GetContent , execute o código que restaura seu shortcode do seu formato visual.

Eu sei que isso parece complicado. Mas, como de costume, é simples quando você o analisa. Aqui está um tutorial que leva você através dos movimentos. Você também pode baixar um código de exemplo do github que começará seu início

Dica: seu componente visual, ou seja: uma etiqueta de parágrafo, deve conter um atributo de dados exclusivo

. Isso permite uma operação bem-sucedida de restauração em texto.