{"id":31469,"date":"2017-06-21T21:01:22","date_gmt":"2017-06-21T13:01:22","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=31469"},"modified":"2017-11-24T19:10:50","modified_gmt":"2017-11-24T11:10:50","slug":"custom-context-menu-justcontext","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/custom-context-menu-justcontext\/","title":{"rendered":"Create Custom Right-Click Context Menus with justContext.js"},"content":{"rendered":"<p>Every web browser has a <strong>default context menu<\/strong>. This appears when the user <strong>right-clicks anywhere<\/strong> on a page and it usually has the same options, such as \u201ccopy\u201d, \u201csave\u201d, or \u201cinspect element\u201d.<\/p>\n<p>With the <strong><a href=\"https:\/\/github.com\/turbo\/justContext.js\" target=\"_blank\">justContext<\/a> library<\/strong>, you can build <strong>specialized context menus<\/strong> for any elements on your site. These can be <strong>auto-populated<\/strong> with anything you like and you can <strong>write custom functions<\/strong> to run whenever the user clicks an option in your custom menu.<\/p>\n<figure><a href=\"https:\/\/github.com\/turbo\/justContext.js\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/custom-context-menu-justcontext\/01-justcontext-js-library.jpg\" alt=\"justContext plugin\" width=\"800\" height=\"458\"><\/a><\/figure>\n<p>Any page element can support its own context menu. This means you can <strong>target individual items<\/strong> such as slideshows or HTML5 video players, or you can <strong>target the entire page body<\/strong>.<\/p>\n<p class=\"note\"><strong>Read Also:<\/strong> <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/html5-contextual-menu\/\">Add Contextual Menu on Your Website With HTML5<\/a><\/p>\n<p>You have full control over the <strong>theming of the context menu<\/strong>, including fonts, colors, icons, and even separators to divide your menu into sections. This plugin really lets you create a <strong>full context menu from scratch<\/strong> with any features you like.<\/p>\n<p>By default, justContext comes with <strong>two themes<\/strong>: <strong>dark and light<\/strong>. You can choose between them and find whichever one best matches your website.<\/p>\n<p>Each theme can be customized using different <strong>Google Web Fonts<\/strong>, not to mention the entire <strong>Font Awesome library<\/strong> is packaged by default.<\/p>\n<p>Check out the <a href=\"https:\/\/turbo.js.org\/justContext.js\/\" target=\"_blank\">live demo<\/a> to see it in action. It works in <strong>all browsers except Internet Explorer<\/strong> but this shouldn\u2019t be a problem considering Microsoft\u2019s push to the new Edge browser.<\/p>\n<figure><a href=\"https:\/\/turbo.js.org\/justContext.js\/\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/custom-context-menu-justcontext\/02-right-click-context.jpg\" alt=\"justContext.js demo\" width=\"1000\" height=\"353\"><\/a><\/figure>\n<p>Creating the actual context menu is a little tricky. It <strong>requires a few CSS classes<\/strong> and it\u2019s all <strong>hard-coded in HTML<\/strong> into your web page.<\/p>\n<p>Here\u2019s a <strong>sample<\/strong> from the <a href=\"https:\/\/github.com\/turbo\/justContext.js\" target=\"_blank\">main repo<\/a> on GitHub:<\/p>\n<pre>\r\n&lt;ul class=\"jctx jctx-id-foo jctx-black jctx-black-shadow\"&gt;\r\n\t&lt;li data-action=\"cut\"&gt;Cut&lt;\/li&gt;\r\n\t&lt;li data-action=\"copy\"&gt;Copy&lt;\/li&gt;\r\n\t&lt;li data-action=\"paste\"&gt;Paste&lt;\/li&gt;\r\n\t&lt;hr&gt;\r\n\t&lt;li data-action=\"new_pkg\"&gt;New package&lt;\/li&gt;\r\n &lt;li data-action=\"new_cls\"&gt;New class&lt;\/li&gt;\r\n\t&lt;li data-action=\"new_intf\" class=\"disabled\"&gt;New interface\r\n (a disabled entry)&lt;\/li&gt;\r\n&lt;\/ul&gt;\r\n<\/pre>\n<p>If you\u2019re willing to <strong>tinker with settings<\/strong> you can do a lot with this plugin. But, I also admit it\u2019s a <strong>niche-specific resource<\/strong> that won\u2019t be valuable to all websites.<\/p>\n<p>Regardless of why or how you\u2019d use it, justContext is the absolute best resource for <strong>creating web context menus from scratch<\/strong>. All documentation is available <a href=\"https:\/\/github.com\/turbo\/justContext.js\" target=\"_blank\">on GitHub<\/a> and the plugin is 100% free to use on any web project.<\/p>\n<p class=\"note\"><strong>Read Also:<\/strong> <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/manage-windows-context-menu\/\">How to Customize & Manage Windows\u2019 Context Menu<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Every web browser has a default context menu. This appears when the user right-clicks anywhere on a page and it usually has the same options, such as \u201ccopy\u201d, \u201csave\u201d, or \u201cinspect element\u201d. With the justContext library, you can build specialized context menus for any elements on your site. These can be auto-populated with anything you&hellip;<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3393],"tags":[3497],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Create Custom Right-Click Context Menus with justContext.js - Hongkiat<\/title>\n<meta name=\"description\" content=\"Every web browser has a default context menu. This appears when the user right-clicks anywhere on a page and it usually has the same options, such as\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/custom-context-menu-justcontext\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create Custom Right-Click Context Menus with justContext.js\" \/>\n<meta property=\"og:description\" content=\"Every web browser has a default context menu. This appears when the user right-clicks anywhere on a page and it usually has the same options, such as\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/custom-context-menu-justcontext\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2017-06-21T13:01:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-11-24T11:10:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/custom-context-menu-justcontext\/01-justcontext-js-library.jpg\" \/>\n<meta name=\"author\" content=\"Jake Rocheleau\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jake Rocheleau\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\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:\\\/\\\/www.hongkiat.com\\\/blog\\\/custom-context-menu-justcontext\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/custom-context-menu-justcontext\\\/\"},\"author\":{\"name\":\"Jake Rocheleau\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\"},\"headline\":\"Create Custom Right-Click Context Menus with justContext.js\",\"datePublished\":\"2017-06-21T13:01:22+00:00\",\"dateModified\":\"2017-11-24T11:10:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/custom-context-menu-justcontext\\\/\"},\"wordCount\":361,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/custom-context-menu-justcontext\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/custom-context-menu-justcontext\\\/01-justcontext-js-library.jpg\",\"keywords\":[\"Javascript Library\"],\"articleSection\":[\"Toolkit\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/custom-context-menu-justcontext\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/custom-context-menu-justcontext\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/custom-context-menu-justcontext\\\/\",\"name\":\"Create Custom Right-Click Context Menus with justContext.js - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/custom-context-menu-justcontext\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/custom-context-menu-justcontext\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/custom-context-menu-justcontext\\\/01-justcontext-js-library.jpg\",\"datePublished\":\"2017-06-21T13:01:22+00:00\",\"dateModified\":\"2017-11-24T11:10:50+00:00\",\"description\":\"Every web browser has a default context menu. This appears when the user right-clicks anywhere on a page and it usually has the same options, such as\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/custom-context-menu-justcontext\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/custom-context-menu-justcontext\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/custom-context-menu-justcontext\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/custom-context-menu-justcontext\\\/01-justcontext-js-library.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/custom-context-menu-justcontext\\\/01-justcontext-js-library.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/custom-context-menu-justcontext\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Create Custom Right-Click Context Menus with justContext.js\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\",\"name\":\"Jake Rocheleau\",\"description\":\"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers\",\"sameAs\":[\"https:\\\/\\\/www.hongkiat.com\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/jake\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Create Custom Right-Click Context Menus with justContext.js - Hongkiat","description":"Every web browser has a default context menu. This appears when the user right-clicks anywhere on a page and it usually has the same options, such as","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:\/\/www.hongkiat.com\/blog\/custom-context-menu-justcontext\/","og_locale":"en_US","og_type":"article","og_title":"Create Custom Right-Click Context Menus with justContext.js","og_description":"Every web browser has a default context menu. This appears when the user right-clicks anywhere on a page and it usually has the same options, such as","og_url":"https:\/\/www.hongkiat.com\/blog\/custom-context-menu-justcontext\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2017-06-21T13:01:22+00:00","article_modified_time":"2017-11-24T11:10:50+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/custom-context-menu-justcontext\/01-justcontext-js-library.jpg","type":"","width":"","height":""}],"author":"Jake Rocheleau","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Jake Rocheleau","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/custom-context-menu-justcontext\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/custom-context-menu-justcontext\/"},"author":{"name":"Jake Rocheleau","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a"},"headline":"Create Custom Right-Click Context Menus with justContext.js","datePublished":"2017-06-21T13:01:22+00:00","dateModified":"2017-11-24T11:10:50+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/custom-context-menu-justcontext\/"},"wordCount":361,"commentCount":1,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/custom-context-menu-justcontext\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/custom-context-menu-justcontext\/01-justcontext-js-library.jpg","keywords":["Javascript Library"],"articleSection":["Toolkit"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/custom-context-menu-justcontext\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/custom-context-menu-justcontext\/","url":"https:\/\/www.hongkiat.com\/blog\/custom-context-menu-justcontext\/","name":"Create Custom Right-Click Context Menus with justContext.js - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/custom-context-menu-justcontext\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/custom-context-menu-justcontext\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/custom-context-menu-justcontext\/01-justcontext-js-library.jpg","datePublished":"2017-06-21T13:01:22+00:00","dateModified":"2017-11-24T11:10:50+00:00","description":"Every web browser has a default context menu. This appears when the user right-clicks anywhere on a page and it usually has the same options, such as","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/custom-context-menu-justcontext\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/custom-context-menu-justcontext\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/custom-context-menu-justcontext\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/custom-context-menu-justcontext\/01-justcontext-js-library.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/custom-context-menu-justcontext\/01-justcontext-js-library.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/custom-context-menu-justcontext\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Create Custom Right-Click Context Menus with justContext.js"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a","name":"Jake Rocheleau","description":"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers","sameAs":["https:\/\/www.hongkiat.com"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/jake\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-8bz","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/31469","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=31469"}],"version-history":[{"count":2,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/31469\/revisions"}],"predecessor-version":[{"id":41955,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/31469\/revisions\/41955"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=31469"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=31469"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=31469"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=31469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}