Na verdade, não é tão ruim fazer o que você está pedindo. Isso levará cerca de uma hora para você fazer o primeiro e 10 minutos para fazer os seguintes.
Em última análise, o que você vai fazer é criar um plugin TinyMCE. Aqui está o que você deve armar para começar:
- Guia geral para criar um plug-in de tinymce
- Exemplo de código de WordPress Core
- Um guia geral sobre como adicionar um plugin TinyMCE ao WordPress. Eu encontrei este , que parece adequado.
Agora você tem todas as ferramentas para fazer isso! De tudo isso, o código que será de maior interesse para você é esse bloco no código de exemplo do WP:
4 function replaceGalleryShortcodes( content ) {
5 return content.replace( /\[gallery([^\]]*)\]/g, function( match ) {
6 return html( 'wp-gallery', match );
7 });
8 }
9
10 function html( cls, data ) {
11 data = window.encodeURIComponent( data );
12 return '<img src="' + tinymce.Env.transparentSrc + '" class="wp-media mceItem ' + cls + '" ' +
13 'data-wp-media="' + data + '" data-mce-resize="false" data-mce-placeholder="1" alt="" />';
14 }
Aqui, o código de acesso de uma galeria é substituído por uma tag img
. A tag img
tem a classe wp-gallery
, que é estilizada por o CSS encontrado aqui .
Editar 2016-04-06: Conteúdo e links atualizados para o TinyMCE 4 e WordPress 4.4