{"id":5493,"date":"2024-01-11T16:40:00","date_gmt":"2024-01-11T16:40:00","guid":{"rendered":"https:\/\/codehim.com\/?p=5493"},"modified":"2024-01-22T14:44:54","modified_gmt":"2024-01-22T09:44:54","slug":"bootstrap-5-rich-text-editor-with-angularjs","status":"publish","type":"post","link":"https:\/\/codehim.com\/bootstrap\/bootstrap-5-rich-text-editor-with-angularjs\/","title":{"rendered":"Bootstrap 5 Rich Text Editor with AngularJS"},"content":{"rendered":"<p>The &#8220;textAngular.js&#8221; is a radically powerful <a href=\"https:\/\/codehim.com\/text-input\/wysiwyg-rich-text-editor-with-html5-jquery\/\" target=\"_blank\" rel=\"noopener\">WYSIWYG rich text editor<\/a> for Angular.js. It creates multiple editor instances with two-way-bind HTML content. In this tutorial, you will come to know how to integrate this AngularJS rich text editor with Bootstrap 5.<\/p>\n<p>textAngular JS renders a rich text editor with all possible commands, like text formatting, image upload feature (through URL), linking\/unlinking, and listing feature. It uses Font Awesome CSS for iconic command buttons. Likewise, it supports shortcut keys to perform formatting on selected text. It also allows toggling between the visual text editor and code editor.<\/p>\n<h2>How to Create Rich Text Editor using Bootstrap 5 and AngularJs<\/h2>\n<p>1. Load the <a href=\"https:\/\/getbootstrap.com\/docs\/5.0\/getting-started\/introduction\/\" target=\"_blank\" rel=\"noopener\">Bootstrap 5 CSS<\/a>, <a href=\"https:\/\/fontawesome.com\/v4.7\/\" target=\"_blank\" rel=\"noopener\">Font Awesome CSS<\/a> (for editor icons), and rich text editor CSS file into the head tag of your webpage.<\/p>\n<pre class=\"prettyprint linenums lang-html\">&lt;!-- Bootstrap 5 CSS --&gt;\r\n&lt;link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.1.0\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p\/We\" crossorigin=\"anonymous\"&gt;\r\n\r\n&lt;!-- Font Aweomse 4 CSS --&gt;\r\n&lt;link rel='stylesheet prefetch' href='https:\/\/netdna.bootstrapcdn.com\/font-awesome\/4.0.0\/css\/font-awesome.min.css'&gt;\r\n      \r\n&lt;!-- Rich Text Editor CSS --&gt;\r\n&lt;link rel=\"stylesheet\" href=\"css\/rich-text-editor.css\"&gt;\r\n<\/pre>\n<p>2. Now, create the HTML structure for rich text editor as follows:<\/p>\n<pre class=\"prettyprint linenums lang-html\">&lt;div ng-app=\"textAngularTest\" ng-controller=\"wysiwygeditor\" class=\"container app\"&gt;\r\n  &lt;h3&gt;WYSIWYG Code Editor\/Generator&lt;\/h3&gt;\r\n  &lt;div text-angular=\"text-angular\" name=\"htmlcontent\" ng-model=\"htmlcontent\" ta-disabled='disabled'&gt;&lt;\/div&gt;\r\n  &lt;h3&gt;Output Code&lt;\/h3&gt;\r\n  &lt;textarea ng-model=\"htmlcontent\" style=\"width: 100%\"&gt;&lt;\/textarea&gt;\r\n  &lt;div ng-bind-html=\"htmlcontent\"&gt;&lt;\/div&gt;\r\n  &lt;div class=\"d-none\" ta-bind=\"text\" ng-model=\"htmlcontent\" ta-readonly='disabled'&gt;&lt;\/div&gt;\r\n&lt;\/div&gt;\r\n<\/pre>\n<p>3. After that, load <a href=\"https:\/\/angularjs.org\/\" target=\"_blank\" rel=\"noopener\">AngularJS<\/a>, Sanitize JS, and <a href=\"https:\/\/github.com\/textAngular\/textAngular\" target=\"_blank\" rel=\"noopener\">textAngular Js<\/a> by adding the following CDN links before the closing of the body tag.<\/p>\n<pre class=\"prettyprint linenums lang-html\">&lt;!-- Angular JS --&gt;\r\n&lt;script src='https:\/\/ajax.googleapis.com\/ajax\/libs\/angularjs\/1.2.4\/angular.min.js'&gt;&lt;\/script&gt;\r\n&lt;!-- Angular Sanitize JS --&gt;\r\n&lt;script src='https:\/\/ajax.googleapis.com\/ajax\/libs\/angularjs\/1.2.4\/angular-sanitize.min.js'&gt;&lt;\/script&gt;\r\n&lt;!-- Text Angular JS --&gt;\r\n&lt;script src='https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/textAngular\/1.1.2\/textAngular.min.js'&gt;&lt;\/script&gt;\r\n<\/pre>\n<p>4. Finally, initialize the rich text editor by adding the following Angular function between the script tag.<\/p>\n<pre class=\"prettyprint linenums lang-html\">&lt;script&gt;\r\n angular.module(\"textAngularTest\", ['textAngular']);\r\n\tfunction wysiwygeditor($scope) {\r\n\t\t$scope.orightml = '';\r\n\t\t$scope.htmlcontent = $scope.orightml;\r\n\t\t$scope.disabled = false;\r\n  };\r\n&lt;\/script&gt;\r\n<\/pre>\n<p>That&#8217;s all! Hopefully, you have successfully integrated AngularJS rich text editor into your project. If you have any questions or suggestions, let me know by comment below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The &#8220;textAngular.js&#8221; is a radically powerful WYSIWYG rich text editor for Angular.js. It creates multiple editor instances with two-way-bind HTML&#8230;<\/p>\n","protected":false},"author":1,"featured_media":5495,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[123,207],"tags":[],"class_list":["post-5493","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bootstrap","category-bootstrap-text-input"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Bootstrap 5 Rich Text Editor with AngularJS &#8212; CodeHim<\/title>\n<meta name=\"description\" content=\"Here is a step-by-step guide to create Bootstrap 5 rich text editor with AngularJS. You can view demo and download code for rich text editor.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codehim.com\/bootstrap\/bootstrap-5-rich-text-editor-with-angularjs\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Bootstrap 5 Rich Text Editor with AngularJS &#8212; CodeHim\" \/>\n<meta property=\"og:description\" content=\"Here is a step-by-step guide to create Bootstrap 5 rich text editor with AngularJS. You can view demo and download code for rich text editor.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codehim.com\/bootstrap\/bootstrap-5-rich-text-editor-with-angularjs\/\" \/>\n<meta property=\"og:site_name\" content=\"CodeHim\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/codehimofficial\" \/>\n<meta property=\"article:published_time\" content=\"2024-01-11T16:40:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-22T09:44:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codehim.com\/wp-content\/uploads\/2021\/09\/bootstrap-5-rich-text-editor-with-angularjs.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1556\" \/>\n\t<meta property=\"og:image:height\" content=\"1167\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Asif Mughal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CodeHimOfficial\" \/>\n<meta name=\"twitter:site\" content=\"@CodeHimOfficial\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Asif Mughal\" \/>\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:\/\/codehim.com\/bootstrap\/bootstrap-5-rich-text-editor-with-angularjs\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/bootstrap\/bootstrap-5-rich-text-editor-with-angularjs\/\"},\"author\":{\"name\":\"Asif Mughal\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed\"},\"headline\":\"Bootstrap 5 Rich Text Editor with AngularJS\",\"datePublished\":\"2024-01-11T16:40:00+00:00\",\"dateModified\":\"2024-01-22T09:44:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codehim.com\/bootstrap\/bootstrap-5-rich-text-editor-with-angularjs\/\"},\"wordCount\":213,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/codehim.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/bootstrap\/bootstrap-5-rich-text-editor-with-angularjs\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2021\/09\/bootstrap-5-rich-text-editor-with-angularjs.png\",\"articleSection\":[\"Bootstrap\",\"Bootstrap Text &amp; Input\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/codehim.com\/bootstrap\/bootstrap-5-rich-text-editor-with-angularjs\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codehim.com\/bootstrap\/bootstrap-5-rich-text-editor-with-angularjs\/\",\"url\":\"https:\/\/codehim.com\/bootstrap\/bootstrap-5-rich-text-editor-with-angularjs\/\",\"name\":\"Bootstrap 5 Rich Text Editor with AngularJS &#8212; CodeHim\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codehim.com\/bootstrap\/bootstrap-5-rich-text-editor-with-angularjs\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/bootstrap\/bootstrap-5-rich-text-editor-with-angularjs\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2021\/09\/bootstrap-5-rich-text-editor-with-angularjs.png\",\"datePublished\":\"2024-01-11T16:40:00+00:00\",\"dateModified\":\"2024-01-22T09:44:54+00:00\",\"description\":\"Here is a step-by-step guide to create Bootstrap 5 rich text editor with AngularJS. You can view demo and download code for rich text editor.\",\"breadcrumb\":{\"@id\":\"https:\/\/codehim.com\/bootstrap\/bootstrap-5-rich-text-editor-with-angularjs\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codehim.com\/bootstrap\/bootstrap-5-rich-text-editor-with-angularjs\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/bootstrap\/bootstrap-5-rich-text-editor-with-angularjs\/#primaryimage\",\"url\":\"https:\/\/codehim.com\/wp-content\/uploads\/2021\/09\/bootstrap-5-rich-text-editor-with-angularjs.png\",\"contentUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2021\/09\/bootstrap-5-rich-text-editor-with-angularjs.png\",\"width\":1556,\"height\":1167,\"caption\":\"Bootstrap 5 Rich Text Editor with AngularJS\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/codehim.com\/bootstrap\/bootstrap-5-rich-text-editor-with-angularjs\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/codehim.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Bootstrap\",\"item\":\"https:\/\/codehim.com\/category\/bootstrap\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Bootstrap 5 Rich Text Editor with AngularJS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codehim.com\/#website\",\"url\":\"https:\/\/codehim.com\/\",\"name\":\"CodeHim\",\"description\":\"Web Design Code Snippets\",\"publisher\":{\"@id\":\"https:\/\/codehim.com\/#organization\"},\"alternateName\":\"Web Design Codes\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codehim.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/codehim.com\/#organization\",\"name\":\"CodeHim - Web Design Code & Scripts\",\"url\":\"https:\/\/codehim.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg\",\"contentUrl\":\"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg\",\"width\":280,\"height\":280,\"caption\":\"CodeHim - Web Design Code & Scripts\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/codehimofficial\",\"https:\/\/x.com\/CodeHimOfficial\",\"https:\/\/www.instagram.com\/codehim\/\",\"https:\/\/www.linkedin.com\/company\/codehim\",\"https:\/\/co.pinterest.com\/codehim\/\",\"https:\/\/www.youtube.com\/@codehim\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed\",\"name\":\"Asif Mughal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g\",\"caption\":\"Asif Mughal\"},\"description\":\"I code and create web elements for amazing people around the world. I like work with new people. New people new Experiences. I truly enjoy what I'm doing, which makes me more passionate about web development and coding. I am always ready to do challenging tasks whether it is about creating a custom CMS from scratch or customizing an existing system.\",\"sameAs\":[\"https:\/\/codehim.com\"],\"url\":\"https:\/\/codehim.com\/author\/asif-mughal\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Bootstrap 5 Rich Text Editor with AngularJS &#8212; CodeHim","description":"Here is a step-by-step guide to create Bootstrap 5 rich text editor with AngularJS. You can view demo and download code for rich text editor.","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:\/\/codehim.com\/bootstrap\/bootstrap-5-rich-text-editor-with-angularjs\/","og_locale":"en_US","og_type":"article","og_title":"Bootstrap 5 Rich Text Editor with AngularJS &#8212; CodeHim","og_description":"Here is a step-by-step guide to create Bootstrap 5 rich text editor with AngularJS. You can view demo and download code for rich text editor.","og_url":"https:\/\/codehim.com\/bootstrap\/bootstrap-5-rich-text-editor-with-angularjs\/","og_site_name":"CodeHim","article_publisher":"https:\/\/www.facebook.com\/codehimofficial","article_published_time":"2024-01-11T16:40:00+00:00","article_modified_time":"2024-01-22T09:44:54+00:00","og_image":[{"width":1556,"height":1167,"url":"https:\/\/codehim.com\/wp-content\/uploads\/2021\/09\/bootstrap-5-rich-text-editor-with-angularjs.png","type":"image\/png"}],"author":"Asif Mughal","twitter_card":"summary_large_image","twitter_creator":"@CodeHimOfficial","twitter_site":"@CodeHimOfficial","twitter_misc":{"Written by":"Asif Mughal","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codehim.com\/bootstrap\/bootstrap-5-rich-text-editor-with-angularjs\/#article","isPartOf":{"@id":"https:\/\/codehim.com\/bootstrap\/bootstrap-5-rich-text-editor-with-angularjs\/"},"author":{"name":"Asif Mughal","@id":"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed"},"headline":"Bootstrap 5 Rich Text Editor with AngularJS","datePublished":"2024-01-11T16:40:00+00:00","dateModified":"2024-01-22T09:44:54+00:00","mainEntityOfPage":{"@id":"https:\/\/codehim.com\/bootstrap\/bootstrap-5-rich-text-editor-with-angularjs\/"},"wordCount":213,"commentCount":1,"publisher":{"@id":"https:\/\/codehim.com\/#organization"},"image":{"@id":"https:\/\/codehim.com\/bootstrap\/bootstrap-5-rich-text-editor-with-angularjs\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2021\/09\/bootstrap-5-rich-text-editor-with-angularjs.png","articleSection":["Bootstrap","Bootstrap Text &amp; Input"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/codehim.com\/bootstrap\/bootstrap-5-rich-text-editor-with-angularjs\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/codehim.com\/bootstrap\/bootstrap-5-rich-text-editor-with-angularjs\/","url":"https:\/\/codehim.com\/bootstrap\/bootstrap-5-rich-text-editor-with-angularjs\/","name":"Bootstrap 5 Rich Text Editor with AngularJS &#8212; CodeHim","isPartOf":{"@id":"https:\/\/codehim.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codehim.com\/bootstrap\/bootstrap-5-rich-text-editor-with-angularjs\/#primaryimage"},"image":{"@id":"https:\/\/codehim.com\/bootstrap\/bootstrap-5-rich-text-editor-with-angularjs\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2021\/09\/bootstrap-5-rich-text-editor-with-angularjs.png","datePublished":"2024-01-11T16:40:00+00:00","dateModified":"2024-01-22T09:44:54+00:00","description":"Here is a step-by-step guide to create Bootstrap 5 rich text editor with AngularJS. You can view demo and download code for rich text editor.","breadcrumb":{"@id":"https:\/\/codehim.com\/bootstrap\/bootstrap-5-rich-text-editor-with-angularjs\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codehim.com\/bootstrap\/bootstrap-5-rich-text-editor-with-angularjs\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/bootstrap\/bootstrap-5-rich-text-editor-with-angularjs\/#primaryimage","url":"https:\/\/codehim.com\/wp-content\/uploads\/2021\/09\/bootstrap-5-rich-text-editor-with-angularjs.png","contentUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2021\/09\/bootstrap-5-rich-text-editor-with-angularjs.png","width":1556,"height":1167,"caption":"Bootstrap 5 Rich Text Editor with AngularJS"},{"@type":"BreadcrumbList","@id":"https:\/\/codehim.com\/bootstrap\/bootstrap-5-rich-text-editor-with-angularjs\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codehim.com\/"},{"@type":"ListItem","position":2,"name":"Bootstrap","item":"https:\/\/codehim.com\/category\/bootstrap\/"},{"@type":"ListItem","position":3,"name":"Bootstrap 5 Rich Text Editor with AngularJS"}]},{"@type":"WebSite","@id":"https:\/\/codehim.com\/#website","url":"https:\/\/codehim.com\/","name":"CodeHim","description":"Web Design Code Snippets","publisher":{"@id":"https:\/\/codehim.com\/#organization"},"alternateName":"Web Design Codes","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codehim.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/codehim.com\/#organization","name":"CodeHim - Web Design Code & Scripts","url":"https:\/\/codehim.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/#\/schema\/logo\/image\/","url":"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg","contentUrl":"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg","width":280,"height":280,"caption":"CodeHim - Web Design Code & Scripts"},"image":{"@id":"https:\/\/codehim.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/codehimofficial","https:\/\/x.com\/CodeHimOfficial","https:\/\/www.instagram.com\/codehim\/","https:\/\/www.linkedin.com\/company\/codehim","https:\/\/co.pinterest.com\/codehim\/","https:\/\/www.youtube.com\/@codehim"]},{"@type":"Person","@id":"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed","name":"Asif Mughal","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g","caption":"Asif Mughal"},"description":"I code and create web elements for amazing people around the world. I like work with new people. New people new Experiences. I truly enjoy what I'm doing, which makes me more passionate about web development and coding. I am always ready to do challenging tasks whether it is about creating a custom CMS from scratch or customizing an existing system.","sameAs":["https:\/\/codehim.com"],"url":"https:\/\/codehim.com\/author\/asif-mughal\/"}]}},"views":13730,"_links":{"self":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/5493","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/comments?post=5493"}],"version-history":[{"count":0,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/5493\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media\/5495"}],"wp:attachment":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media?parent=5493"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/categories?post=5493"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/tags?post=5493"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}