{"id":106,"date":"2017-09-04T09:11:09","date_gmt":"2017-09-04T07:11:09","guid":{"rendered":"https:\/\/numa-bord.com\/miniblog\/?p=106"},"modified":"2017-09-04T09:11:09","modified_gmt":"2017-09-04T07:11:09","slug":"jquery-creer-un-font-picker-avec-le-plugin-select2","status":"publish","type":"post","link":"https:\/\/numa-bord.com\/miniblog\/jquery-creer-un-font-picker-avec-le-plugin-select2\/","title":{"rendered":"jQuery : Cr\u00e9er un \u00ab\u00a0font picker\u00a0\u00bb avec le plugin Select2"},"content":{"rendered":"

Cr\u00e9er une liste d\u00e9roulante (select) proposant un choix parmi plusieurs polices de caract\u00e8res, tout en permettant de pr\u00e9visualiser le style d’\u00e9criture de la police dans cette liste n’est pas la chose la plus \u00e9vidente \u00e0 mettre en place.
\nCi-dessous une image pr\u00e9sentant le r\u00e9sultat recherch\u00e9. Et ici une page de d\u00e9monstration<\/a><\/p>\n

\"font-picker\"<\/p>\n

Pour r\u00e9aliser cela nous allons utiliser le plugin jQuery select2<\/a> qui permet de transformer les listes d\u00e9roulantes. On peux gr\u00e2ce \u00e0 lui avoir un champs de recherche dans la liste -ce n’est pas la fonctionnalit\u00e9 qui nous int\u00e9resse- on peux aussi donner du styles aux options, c’est ce que l’on va utiliser.<\/p>\n

On commence donc par importer jQuery et ce plugin sur notre page, ainsi que les polices que l’on va proposer, j’utilise ici l’outil google fonts<\/a> pour cela.<\/p>\n

<!-- google fonts --><\/span>
\n<link<\/span><\/a> href<\/span>=<\/span>"https:\/\/fonts.googleapis.com\/css?family=Alfa+Slab+One|Amatic+SC|Anton|Cinzel|Cutive+Mono|Frijole|Great+Vibes|Indie+Flower|Josefin+Sans|Just+Another+Hand|Lobster|Monoton|Pacifico|Permanent+Marker|Playfair+Display|Raleway|Righteous|Roboto+Condensed|Roboto+Slab|Saira+Semi+Condensed|Sedgwick+Ave+Display"<\/span> rel<\/span>=<\/span>"stylesheet"<\/span>><\/span>
\n<!-- jquery + select2 --><\/span>
\n<script<\/span><\/a> src<\/span>=<\/span>".\/js\/jquery-3.2.1.min.js"<\/span>><\/<\/span>script<\/span><\/a>><\/span>
\n<script<\/span><\/a> src<\/span>=<\/span>"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/select2\/4.0.3\/js\/select2.min.js"<\/span>><\/<\/span>script<\/span><\/a>><\/span>
\n<link<\/span><\/a> href<\/span>=<\/span>"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/select2\/4.0.3\/css\/select2.min.css"<\/span> rel<\/span>=<\/span>"stylesheet"<\/span> \/<\/span>><\/span>
\n<!-- le script nous permettant de mettre en place le font picker --><\/span>
\n<script<\/span><\/a> src<\/span>=<\/span>".\/js\/font-picker.js"<\/span>><\/<\/span>script<\/span><\/a>><\/span><\/div><\/div>\n

Dans la page on utiliser une balise select classique \u00e0 laquelle on attribue un identifiant particulier (ici \u00ab\u00a0select-font\u00a0\u00bb)<\/p>\n

<select<\/span><\/a> id<\/span>=<\/span>"select-font"<\/span> class<\/span>=<\/span>"form-control"<\/span>>
\n <option<\/span><\/a> value<\/span>=<\/span>"Arial"<\/span>>Arial<\/<\/span>option<\/span><\/a>>
\n <option<\/span><\/a> value<\/span>=<\/span>"Times New Roman"<\/span>>Times New Roman<\/<\/span>option<\/span><\/a>>
\n <option<\/span><\/a> value<\/span>=<\/span>"Alfa Slab One"<\/span>>Alfa Slab One<\/<\/span>option<\/span><\/a>>
\n <option<\/span><\/a> value<\/span>=<\/span>"Amatic SC"<\/span>>Amatic SC<\/<\/span>option<\/span><\/a>>
\n <option<\/span><\/a> value<\/span>=<\/span>"Anton"<\/span>>Anton<\/<\/span>option<\/span><\/a>>
\n ....
\n<\/<\/span>select<\/span><\/a>><\/div><\/div>\n

Et voici ci-dessous les quelques lignes de javascript permettant de faire fonctionner le syst\u00e8me.<\/p>\n

$(<\/span>document)<\/span>.ready<\/span>(<\/span>function<\/span> (<\/span>)<\/span> {<\/span>
\n    \/\/on applique le plugin "select2" sur notre liste deroulante en lui indiquant d'utiliser un template particulier<\/span>
\n    $(<\/span>"#select-font"<\/span>)<\/span>.select2<\/span>(<\/span>{<\/span>templateResult:<\/span> formatFont}<\/span>)<\/span>.on<\/span>(<\/span>'change'<\/span>,<\/span> function<\/span> (<\/span>e)<\/span> {<\/span>
\n        updateSelectFontStyle(<\/span>$(<\/span>this<\/span>)<\/span>)<\/span>;<\/span>
\n    }<\/span>)<\/span>;<\/span>
\n    \/\/on initialise la liste au chargement de la page en fonction de la police s\u00e9lectionn\u00e9.<\/span>
\n    updateSelectFontStyle(<\/span>$(<\/span>"#select-font"<\/span>)<\/span>)<\/span>;<\/span>
\n}<\/span>)<\/span>;<\/span>
\n
\n\/**
\n * Permet d'appliquer la bonne police sur l'option du select2
\n *\/<\/span>
\nfunction<\/span> formatFont(<\/span>opt)<\/span> {<\/span>
\n    if<\/span> (<\/span>!<\/span>opt.id<\/span>)<\/span> {<\/span>
\n        return<\/span> opt.text<\/span>;<\/span>
\n    }<\/span>
\n    var<\/span> $state =<\/span> $(<\/span>'<span style="font-family:\\'<\/span>'<\/span> +<\/span> opt.element<\/span>.value<\/span> +<\/span> '\\'<\/span>;"> '<\/span> +<\/span> opt.text<\/span> +<\/span> '<\/span>'<\/span>)<\/span>;<\/span>
\n    return<\/span> $state;<\/span>
\n}<\/span>
\n
\n\/**
\n * Donne la font family s\u00e9lectionn\u00e9 \u00e0 l'\u00e9l\u00e9ment pass\u00e9 en param\u00e8tre
\n *\/<\/span>
\nfunction<\/span> updateSelectFontStyle(<\/span>$el)<\/span> {<\/span>
\n    var<\/span> font =<\/span> $el.val<\/span>(<\/span>)<\/span>;<\/span>
\n    var<\/span> id =<\/span> '#select2-'<\/span> +<\/span> $el.attr<\/span>(<\/span>"id"<\/span>)<\/span> +<\/span> '-container'<\/span>;<\/span>
\n    $(<\/span>id)<\/span>.css<\/span>(<\/span>"font-family"<\/span>,<\/span> "'"<\/span> +<\/span> font +<\/span> "'"<\/span>)<\/span>;<\/span>
\n}<\/span><\/div><\/div>\n

Termin\u00e9 !<\/p>\n","protected":false},"excerpt":{"rendered":"

Cr\u00e9er une liste d\u00e9roulante (select) proposant un choix parmi plusieurs polices de caract\u00e8res, tout en permettant de pr\u00e9visualiser le style d’\u00e9criture de la police dans cette liste n’est pas la chose la plus \u00e9vidente \u00e0 mettre en place. Ci-dessous une image pr\u00e9sentant le r\u00e9sultat recherch\u00e9. Et ici une page de d\u00e9monstration Pour r\u00e9aliser cela nous […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2,11,12],"tags":[],"class_list":["post-106","post","type-post","status-publish","format-standard","hentry","category-developpement","category-javascript","category-jquery"],"acf":[],"yoast_head":"\njQuery : Cr\u00e9er un "font picker" avec le plugin Select2 - Pense b\u00eate d'un d\u00e9veloppeur web<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/numa-bord.com\/miniblog\/jquery-creer-un-font-picker-avec-le-plugin-select2\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"jQuery : Cr\u00e9er un "font picker" avec le plugin Select2 - Pense b\u00eate d'un d\u00e9veloppeur web\" \/>\n<meta property=\"og:description\" content=\"Cr\u00e9er une liste d\u00e9roulante (select) proposant un choix parmi plusieurs polices de caract\u00e8res, tout en permettant de pr\u00e9visualiser le style d’\u00e9criture de la police dans cette liste n’est pas la chose la plus \u00e9vidente \u00e0 mettre en place. Ci-dessous une image pr\u00e9sentant le r\u00e9sultat recherch\u00e9. Et ici une page de d\u00e9monstration Pour r\u00e9aliser cela nous […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/numa-bord.com\/miniblog\/jquery-creer-un-font-picker-avec-le-plugin-select2\/\" \/>\n<meta property=\"og:site_name\" content=\"Pense b\u00eate d'un d\u00e9veloppeur web\" \/>\n<meta property=\"article:published_time\" content=\"2017-09-04T07:11:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/numa-bord.com\/miniblog\/wp-content\/uploads\/2017\/08\/font-picker.jpg\" \/>\n<meta name=\"author\" content=\"Numa\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Numa\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/numa-bord.com\/miniblog\/jquery-creer-un-font-picker-avec-le-plugin-select2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/numa-bord.com\/miniblog\/jquery-creer-un-font-picker-avec-le-plugin-select2\/\"},\"author\":{\"name\":\"Numa\",\"@id\":\"https:\/\/numa-bord.com\/miniblog\/#\/schema\/person\/f9d00acd1703f17e5a6895283eb46a7e\"},\"headline\":\"jQuery : Cr\u00e9er un \u00ab\u00a0font picker\u00a0\u00bb avec le plugin Select2\",\"datePublished\":\"2017-09-04T07:11:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/numa-bord.com\/miniblog\/jquery-creer-un-font-picker-avec-le-plugin-select2\/\"},\"wordCount\":318,\"commentCount\":1,\"image\":{\"@id\":\"https:\/\/numa-bord.com\/miniblog\/jquery-creer-un-font-picker-avec-le-plugin-select2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/numa-bord.com\/miniblog\/wp-content\/uploads\/2017\/08\/font-picker.jpg\",\"articleSection\":[\"D\u00e9veloppement\",\"Javascript\",\"jQuery\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/numa-bord.com\/miniblog\/jquery-creer-un-font-picker-avec-le-plugin-select2\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/numa-bord.com\/miniblog\/jquery-creer-un-font-picker-avec-le-plugin-select2\/\",\"url\":\"https:\/\/numa-bord.com\/miniblog\/jquery-creer-un-font-picker-avec-le-plugin-select2\/\",\"name\":\"jQuery : Cr\u00e9er un \\\"font picker\\\" avec le plugin Select2 - Pense b\u00eate d'un d\u00e9veloppeur web\",\"isPartOf\":{\"@id\":\"https:\/\/numa-bord.com\/miniblog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/numa-bord.com\/miniblog\/jquery-creer-un-font-picker-avec-le-plugin-select2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/numa-bord.com\/miniblog\/jquery-creer-un-font-picker-avec-le-plugin-select2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/numa-bord.com\/miniblog\/wp-content\/uploads\/2017\/08\/font-picker.jpg\",\"datePublished\":\"2017-09-04T07:11:09+00:00\",\"author\":{\"@id\":\"https:\/\/numa-bord.com\/miniblog\/#\/schema\/person\/f9d00acd1703f17e5a6895283eb46a7e\"},\"breadcrumb\":{\"@id\":\"https:\/\/numa-bord.com\/miniblog\/jquery-creer-un-font-picker-avec-le-plugin-select2\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/numa-bord.com\/miniblog\/jquery-creer-un-font-picker-avec-le-plugin-select2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/numa-bord.com\/miniblog\/jquery-creer-un-font-picker-avec-le-plugin-select2\/#primaryimage\",\"url\":\"https:\/\/numa-bord.com\/miniblog\/wp-content\/uploads\/2017\/08\/font-picker.jpg\",\"contentUrl\":\"https:\/\/numa-bord.com\/miniblog\/wp-content\/uploads\/2017\/08\/font-picker.jpg\",\"width\":1166,\"height\":316},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/numa-bord.com\/miniblog\/jquery-creer-un-font-picker-avec-le-plugin-select2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/numa-bord.com\/miniblog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"jQuery : Cr\u00e9er un \u00ab\u00a0font picker\u00a0\u00bb avec le plugin Select2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/numa-bord.com\/miniblog\/#website\",\"url\":\"https:\/\/numa-bord.com\/miniblog\/\",\"name\":\"Pense b\u00eate d'un d\u00e9veloppeur web\",\"description\":\"(php, javascript, Symfony, Wordpress....)\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/numa-bord.com\/miniblog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/numa-bord.com\/miniblog\/#\/schema\/person\/f9d00acd1703f17e5a6895283eb46a7e\",\"name\":\"Numa\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/f21d1af4658a7106211915940584534c1e0b3eef3f12eb67a697686cad70b64a?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f21d1af4658a7106211915940584534c1e0b3eef3f12eb67a697686cad70b64a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f21d1af4658a7106211915940584534c1e0b3eef3f12eb67a697686cad70b64a?s=96&d=mm&r=g\",\"caption\":\"Numa\"},\"url\":\"https:\/\/numa-bord.com\/miniblog\/author\/negonner\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"jQuery : Cr\u00e9er un \"font picker\" avec le plugin Select2 - Pense b\u00eate d'un d\u00e9veloppeur web","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/numa-bord.com\/miniblog\/jquery-creer-un-font-picker-avec-le-plugin-select2\/","og_locale":"fr_FR","og_type":"article","og_title":"jQuery : Cr\u00e9er un \"font picker\" avec le plugin Select2 - Pense b\u00eate d'un d\u00e9veloppeur web","og_description":"Cr\u00e9er une liste d\u00e9roulante (select) proposant un choix parmi plusieurs polices de caract\u00e8res, tout en permettant de pr\u00e9visualiser le style d’\u00e9criture de la police dans cette liste n’est pas la chose la plus \u00e9vidente \u00e0 mettre en place. Ci-dessous une image pr\u00e9sentant le r\u00e9sultat recherch\u00e9. Et ici une page de d\u00e9monstration Pour r\u00e9aliser cela nous […]","og_url":"https:\/\/numa-bord.com\/miniblog\/jquery-creer-un-font-picker-avec-le-plugin-select2\/","og_site_name":"Pense b\u00eate d'un d\u00e9veloppeur web","article_published_time":"2017-09-04T07:11:09+00:00","og_image":[{"url":"https:\/\/numa-bord.com\/miniblog\/wp-content\/uploads\/2017\/08\/font-picker.jpg","type":"","width":"","height":""}],"author":"Numa","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Numa","Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/numa-bord.com\/miniblog\/jquery-creer-un-font-picker-avec-le-plugin-select2\/#article","isPartOf":{"@id":"https:\/\/numa-bord.com\/miniblog\/jquery-creer-un-font-picker-avec-le-plugin-select2\/"},"author":{"name":"Numa","@id":"https:\/\/numa-bord.com\/miniblog\/#\/schema\/person\/f9d00acd1703f17e5a6895283eb46a7e"},"headline":"jQuery : Cr\u00e9er un \u00ab\u00a0font picker\u00a0\u00bb avec le plugin Select2","datePublished":"2017-09-04T07:11:09+00:00","mainEntityOfPage":{"@id":"https:\/\/numa-bord.com\/miniblog\/jquery-creer-un-font-picker-avec-le-plugin-select2\/"},"wordCount":318,"commentCount":1,"image":{"@id":"https:\/\/numa-bord.com\/miniblog\/jquery-creer-un-font-picker-avec-le-plugin-select2\/#primaryimage"},"thumbnailUrl":"https:\/\/numa-bord.com\/miniblog\/wp-content\/uploads\/2017\/08\/font-picker.jpg","articleSection":["D\u00e9veloppement","Javascript","jQuery"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/numa-bord.com\/miniblog\/jquery-creer-un-font-picker-avec-le-plugin-select2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/numa-bord.com\/miniblog\/jquery-creer-un-font-picker-avec-le-plugin-select2\/","url":"https:\/\/numa-bord.com\/miniblog\/jquery-creer-un-font-picker-avec-le-plugin-select2\/","name":"jQuery : Cr\u00e9er un \"font picker\" avec le plugin Select2 - Pense b\u00eate d'un d\u00e9veloppeur web","isPartOf":{"@id":"https:\/\/numa-bord.com\/miniblog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/numa-bord.com\/miniblog\/jquery-creer-un-font-picker-avec-le-plugin-select2\/#primaryimage"},"image":{"@id":"https:\/\/numa-bord.com\/miniblog\/jquery-creer-un-font-picker-avec-le-plugin-select2\/#primaryimage"},"thumbnailUrl":"https:\/\/numa-bord.com\/miniblog\/wp-content\/uploads\/2017\/08\/font-picker.jpg","datePublished":"2017-09-04T07:11:09+00:00","author":{"@id":"https:\/\/numa-bord.com\/miniblog\/#\/schema\/person\/f9d00acd1703f17e5a6895283eb46a7e"},"breadcrumb":{"@id":"https:\/\/numa-bord.com\/miniblog\/jquery-creer-un-font-picker-avec-le-plugin-select2\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/numa-bord.com\/miniblog\/jquery-creer-un-font-picker-avec-le-plugin-select2\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/numa-bord.com\/miniblog\/jquery-creer-un-font-picker-avec-le-plugin-select2\/#primaryimage","url":"https:\/\/numa-bord.com\/miniblog\/wp-content\/uploads\/2017\/08\/font-picker.jpg","contentUrl":"https:\/\/numa-bord.com\/miniblog\/wp-content\/uploads\/2017\/08\/font-picker.jpg","width":1166,"height":316},{"@type":"BreadcrumbList","@id":"https:\/\/numa-bord.com\/miniblog\/jquery-creer-un-font-picker-avec-le-plugin-select2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/numa-bord.com\/miniblog\/"},{"@type":"ListItem","position":2,"name":"jQuery : Cr\u00e9er un \u00ab\u00a0font picker\u00a0\u00bb avec le plugin Select2"}]},{"@type":"WebSite","@id":"https:\/\/numa-bord.com\/miniblog\/#website","url":"https:\/\/numa-bord.com\/miniblog\/","name":"Pense b\u00eate d'un d\u00e9veloppeur web","description":"(php, javascript, Symfony, Wordpress....)","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/numa-bord.com\/miniblog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/numa-bord.com\/miniblog\/#\/schema\/person\/f9d00acd1703f17e5a6895283eb46a7e","name":"Numa","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/f21d1af4658a7106211915940584534c1e0b3eef3f12eb67a697686cad70b64a?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f21d1af4658a7106211915940584534c1e0b3eef3f12eb67a697686cad70b64a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f21d1af4658a7106211915940584534c1e0b3eef3f12eb67a697686cad70b64a?s=96&d=mm&r=g","caption":"Numa"},"url":"https:\/\/numa-bord.com\/miniblog\/author\/negonner\/"}]}},"_links":{"self":[{"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/posts\/106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/comments?post=106"}],"version-history":[{"count":6,"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/posts\/106\/revisions"}],"predecessor-version":[{"id":130,"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/posts\/106\/revisions\/130"}],"wp:attachment":[{"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/media?parent=106"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/categories?post=106"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/tags?post=106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}