Comment insérer un span dans un formulaire de recherche? (Genèse)

Question

Quand j'appelle genesis_search_form(), il sort:

<form class="search-form"> 
    <meta itemprop="target"> 
    <input type="search"> 
    <input type="submit"> 
</form> 

Mais je voulais de générer un span à l'intérieur, comme:

<form class="search-form"> 
    <meta itemprop="target"> 
    <input type="search"> 
    <span class="submit-icon"></span> 
    <input type="submit"> 
</form> 

cherchait une alternative plus sûre à:

add_filter('genesis_search_form', 'my_search_button'); 
function my_search_button($form) { 
    return str_replace( 
     '<input type="submit"', 
     '<span class="submit-icon"></span><input type="submit"', 
     $form 
    ); 
} 

Pour éviter de remplacer le début d'une étiquette. Des idées?

Answer 1

Si vous êtes d'accord avec DOMDocument, cette version fonctionne mieux pour HTML5.

add_filter('genesis_search_form', 'my_search_button'); 
function my_search_button($form) { 

    $document = new DOMDocument(); 
    $document->loadHTML($form); 
    $xpath = new DOMXPath($document); 
    $input = $xpath->query('//input[@type="submit"]'); 
    $span = $document->createElement('span'); 
    $span->setAttribute('class', 'sb-icon'); 

    if ($input->length > 0) { 
     $input->item(0)->parentNode->insertBefore($span, $input->item(0)); 
    } 

    $document->removeChild($document->doctype); 
    $document->replaceChild($document->firstChild->firstChild->firstChild, $document->firstChild); 
    $form_html = $document->saveHTML(); 

    return $form_html; 
} 

Answer 2

Si vous êtes autorisé à apporter des modifications à la fonction, faites-le. Sinon, pirate-le!

$('form.search-form input[type=search]').after('<span class="submit-icon"></span>'); 

Answer 3

Utilisez DOMDocument! Voici une version de travail de votre code: https://3v4l.org/ats7D

<?php 

// Create a DOM Document 
$dom = new DomDocument(); 

// Load your HTML 
$dom->loadHTML('<form class="search-form"> 
    <meta itemprop="target"> 
    <input type="search"> 
    <input type="submit"> 
</form>'); 

// Create a new <span> 
$span = $dom->createElement('span', 'hello'); 

// Grab the <input elements (we dont have an ID) 
$inputs = $dom->getElementsByTagName('input'); 

// Add the <span> between the inputs 
$inputs->item(0)->parentNode->insertBefore($span, $inputs->item(1)); 

// By default when you loadHTML(), it generates doctype, html, head, and  body tags. remove them! 
$dom->removeChild($dom->doctype); 
$dom->replaceChild($dom->firstChild->firstChild->firstChild, $dom->firstChild); 

// Finally get the HTML 
$html = $dom->saveHTML(); 

// And output/return/whatever 
echo $html;