Lorsqu’il s’agit de manipuler le DOM, la premi\u00e8re chose \u00e0 laquelle beaucoup d’entre nous pensent probablement est d’utiliser JavaScript pour faire tout ce que nous devons faire.<\/p>\n
Non seulement le langage prend en charge nativement les fonctions pour ce faire, mais les nouvelles fonctionnalit\u00e9s d’ ES6<\/a> nous offrent des moyens plus puissants de cr\u00e9er des scripts c\u00f4t\u00e9 client. Et si vous utilisez jQuery<\/a> avec WordPress, alors vous avez la m\u00eame biblioth\u00e8que de fonctions pour, ahem, interroger le DOM que nous avons depuis des ann\u00e9es.<\/p>\n Mais manipuler le DOM c\u00f4t\u00e9 client n’est pas toujours la meilleure option. Au lieu de cela, vous voudrez peut-\u00eatre le faire c\u00f4t\u00e9 serveur. Et \u00e0 cause de certaines des fonctionnalit\u00e9s int\u00e9gr\u00e9es \u00e0 PHP, ce n’est pas tr\u00e8s diff\u00e9rent de la fa\u00e7on dont nous faisons les choses en utilisant JavaScript.<\/p>\n \u00c0 part, bien s\u00fbr, nous le faisons sur le serveur.<\/p>\n Donc, si vous travaillez un jour avec le contenu d’un article (un type d’article ou un type d’article personnalis\u00e9, d’ailleurs) et que vous devez manipuler des balises comme vous le feriez avec JavaScript, l’utilisation de la Supposons, par exemple, que vous souhaitiez parcourir tous les \u00e9l\u00e9ments de paragraphe qui existent dans le contenu de l’article.<\/p>\n Il est facile de le faire en utilisant ladite biblioth\u00e8que. Tout d’abord, vous devez vous assurer que la biblioth\u00e8que est configur\u00e9e<\/a> dans votre classe (ou simplement dans votre collection de fonctions)\u00a0:<\/p>\n Ensuite, configurez un crochet pour le contenu\u00a0:<\/a><\/p>\n Et dans cette fonction, assurez-vous de charger le contenu de la publication dans la biblioth\u00e8que, puis recherchez tous les \u00c0 partir de l\u00e0, vous pouvez faire plusieurs choses diff\u00e9rentes, telles que l’ajout de l’ID de publication \u00e0 un attribut personnalis\u00e9 de chaque \u00e9l\u00e9ment de paragraphe. La fonction compl\u00e8te ressemblerait alors \u00e0 ceci\u00a0:<\/a><\/p>\n Bien s\u00fbr, il y a d’autres choses que vous pouvez faire aussi. C’est une chose de manipuler le balisage avant de l’envoyer au navigateur. C’est une autre chose, cependant, d’ajouter des attributs aux donn\u00e9es s’ils n’existent pas d\u00e9j\u00e0.<\/p>\n C’est-\u00e0-dire, sans jeu de mots – sauf peut-\u00eatre seulement une sorte de – contenu pour un autre message.<\/p>\nDomDocument<\/code>biblioth\u00e8que est l’une des plus puissantes. les outils sont \u00e0 votre disposition.<\/p>\n<?php\n\nadd_filter('the_content', __NAMESPACE__. 'updateParagraphElements');<\/code><\/pre>\np<\/code>\u00e9l\u00e9ments comme vous le feriez avec JavaScript<\/a> (avec une remarque importante \u00e9tant que vous devez encoder correctement les informations au cas o\u00f9 les exposants ou les emojis seraient utilis\u00e9):<\/p>\n<?php\n\nfunction updateParagraphElements($content) \n{\n \/* If we're not on a single page or it's not the main query, \n * we won't do anything.\n *\/\n if (!is_single() || !is_main_query()) {\n return $content;\n }\n\n \/\/ Make sure there is content to parse (and properly encode the HTML entities).\n $domDocument = new DOMDocument();\n $domContent = $domDocument->loadHTML(mb_convert_encoding($content, 'HTML-ENTITIES'));\n if (false === $domContent) {\n return $content;\n }\n\n $paragraphs = $domDocument->getElementsByTagName('p');\n if (0 === count($paragraphs)) {\n return $content;\n }\n\n \/\/ More to come...\n}<\/code><\/pre>\n<?php\n\nnamespace Acme;\n\nuse DOMDocument;\n\nadd_filter('the_content', __NAMESPACE__. 'updateParagraphElements');\n\/**\n * Updates the content by locating all of the `p` elements in the content,\n * then adds a class attribute of the post ID to them.\n *\n * The gist of the work is done in this function.\n *\n * @param string $content the post content\n *\n * @return string the updated post content with the aforemented markup.\n *\/\nfunction updateParagraphElements($content) \n{\n \/* If we're not on a single page or it's not the main query, \n * we won't do anything.\n *\/\n if (!is_single() || !is_main_query()) {\n return $content;\n }\n\n \/\/ Make sure there is content to parse (and properly encode the HTML entities).\n $domDocument = new DOMDocument();\n $domContent = $domDocument->loadHTML(mb_convert_encoding($content, 'HTML-ENTITIES'));\n if (false === $domContent) {\n return $content;\n }\n\n $paragraphs = $domDocument->getElementsByTagName('p');\n if (0 === count($paragraphs)) {\n return $content;\n }\n\n \/\/ If so, iterate through the elements and add the post ID as a custom attribute.\n $updatedContent = '';\n foreach ($paragraphs as $paragraph) {\n $paragraph->setAttribute('data-id', get_the_ID());\n }\n\n return wp_kses_post($domDocument->saveHTML());\n}<\/code><\/pre>\n