J'ai besoin d'injecter des modèles de soulignement dans l'écran d'administration sans modifier le noyau. Les modèles ressemblent à ceci:
<script type="text/template" id="template-123">
<div class="section intro">
{{{ data.section.intro }}}
</div>
<div class="section content">
{{{ data.section.content }}}
</div>
...
</script>
Tous les modèles dépendent de certains descripteurs de script. J'ai donc envisagé d'utiliser wp_add_inline_script()
, mais cela ne me permet pas de spécifier l'attribut type
et id
.
Alors, y a-t-il une solution de hacky pour ajouter ces attributs en ajoutant des scripts inline? Ou il y a un meilleur moyen?
J'apprécie vraiment votre aide!
Voici une suggestion de démonstration:
add_action( 'admin_enqueue_scripts', function()
{
wp_enqueue_script( 'my-script', '/my-script.js', ['underscore', 'backbone'], '1.0' );
wp_add_inline_script( 'my-script', 'alert("hello world");' );
// Add our template
if( function_exists( 'wpse_add_inline_tmpl' ) )
wpse_add_inline_tmpl(
$handle = 'my-script',
$id = 'my-tmpl',
$tmpl = '<div class="section intro">{{{ data.section.intro }}}</div>'
);
} );
où nous définissons notre fonction wpse_add_inline_tmpl()
personnalisée comme suit:
function wpse_add_inline_tmpl( $handle, $id, $tmpl )
{
// Collect input data
static $data = [];
$data[$handle][$id] = $tmpl;
// Append template for relevant script handle
add_filter(
'script_loader_tag',
function( $tag, $hndl, $src ) use ( &$data, $handle, $id )
{
// Nothing to do if no match
if( ! isset( $data[$hndl][$id] ) )
return $tag;
// Script tag replacement aka wp_add_inline_script()
if ( false !== stripos( $data[$hndl][$id], '</script>' ) )
$data[$hndl][$id] = trim( preg_replace(
'#<script[^>]*>(.*)</script>#is',
'$1',
$data[$hndl][$id]
) );
// Append template
$tag .= sprintf(
"<script type='text/template' id='%s'>\n%s\n</script>" . PHP_EOL,
esc_attr( $id ),
$data[$hndl][$id]
);
return $tag;
},
10, 3 );
}
Ici, nous utilisons le filtre script_loader_tag
pour injecter le code de modèle et utilisons à la fois lehandleetidpour le référencer. Nous utilisons également lescripttag replacement de la fonction principale wp_add_inline_script()
.
J'espère que vous pourrez tester cela davantage et l'adapter à vos besoins. Écrire ceci en classe pourrait être une meilleure approche ;-)