{"id":68405,"date":"2021-02-10T16:27:40","date_gmt":"2021-02-10T21:27:40","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/?p=68405"},"modified":"2024-05-10T12:26:35","modified_gmt":"2024-05-10T16:26:35","slug":"emacs-web-mode","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/emacs\/emacs-web-mode\/","title":{"rendered":"Emacs Web Mode For Code Mastery"},"content":{"rendered":"<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/02\/Emacs-Web-Mode-1024x538.png\" alt=\"Emacs web mode for coding the web\" class=\"wp-image-68408\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/02\/Emacs-Web-Mode-1024x538.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/02\/Emacs-Web-Mode-300x158.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/02\/Emacs-Web-Mode-768x403.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/02\/Emacs-Web-Mode.png 1200w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n<div class=\"jumbotron\">\r\n<p>Say goodbye to slow loading times and hello to high-performance websites with our <a href=\"https:\/\/www.inmotionhosting.com\/vps-hosting\/wordpress?mktgp=t&irgwc=1&affiliates=5001860&utm_campaign=Jumbotron&utm_source=supportcenter&utm_medium=cta&utm_term=wp-cta2\">WordPress VPS Hosting<\/a> plans. Experience 40x faster WordPress page load speeds on purpose-built servers that guarantee 99.99% uptime.<\/p>\r\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/design.inmotionhosting.com\/assets\/icons\/standard\/check-blue.svg\" alt=\"check mark\" width=\"24\" height=\"24\" \/>High-Performance VPS    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/design.inmotionhosting.com\/assets\/icons\/standard\/check-blue.svg\" alt=\"check mark\" width=\"24\" height=\"24\" \/>Premier Care    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/design.inmotionhosting.com\/assets\/icons\/standard\/check-blue.svg\" alt=\"check mark\" width=\"24\" height=\"24\" \/>Free SSL &amp; Dedicated IP    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/design.inmotionhosting.com\/assets\/icons\/standard\/check-blue.svg\" alt=\"check mark\" width=\"24\" height=\"24\" \/>Advanced Server Caching<\/p>\r\n<p><a class=\"btn btn-primary btn-lg\" href=\"https:\/\/www.inmotionhosting.com\/vps-hosting\/wordpress?mktgp=t&irgwc=1&affiliates=5001860&utm_campaign=Jumbotron&utm_source=supportcenter&utm_medium=cta&utm_term=wp-cta2\">Managed WordPress VPS<\/a><\/p>\r\n<\/div>\n\n\n<p>For those users of the GNU Emacs editor, who also do web coding, you might be wondering what is the best all around package for editing files for your website. You need something that does all of the below:<\/p>\n<ul class=\"org-ul\">\n<li>HTML<\/li>\n<li>CSS<\/li>\n<li>JavaScript<\/li>\n<li>PHP<\/li>\n<\/ul>\n<p>And at the same time, you should get additional convenience features like code folding and syntax highlighting. Also, the editor should understand what language and\/or template engine you\u2019re using. Is that asking too much from a free open source editor? Maybe you can only get all these features in an expensive integrated development environment (IDE)?<\/p>\n<p>Emacs <a href=\"https:\/\/web-mode.org\/\">web mode<\/a> does all this and more.<\/p>\n<div id=\"text-table-of-contents\">\n<ul>\n<li><a href=\"#how-to-install-web-mode\">How to Install Emacs Web Mode<\/a><\/li>\n<li><a href=\"#features\">Some Important Web Mode Features<\/a><\/li>\n<li><a href=\"#resources\">Much More To Discover<\/a><\/li>\n<\/ul>\n<\/div>\n<div id=\"outline-container-how-to-install-web-mode\" class=\"outline-2\">\n<h2 id=\"how-to-install-web-mode\">How to Install Emacs Web Mode<\/h2>\n<div id=\"text-how-to-install-web-mode\" class=\"outline-text-2\">\n<p>Installing web-mode is easy if you use the <a href=\"https:\/\/melpa.org\/#\/\" target=\"_blank\" rel=\"noopener noreferrer\">Melpa package manager<\/a>.<\/p>\n<pre id=\"orgd0d6edb\" class=\"example\">M-x package-install &lt;RET&gt; web-mode\n<\/pre>\n<p>You can also install it manually. I would recommend <a href=\"https:\/\/www.git-scm.com\/docs\/git-clone\" target=\"_blank\" rel=\"noopener noreferrer\">cloning<\/a> the <a href=\"https:\/\/github.com\/fxbois\/web-mode\" target=\"_blank\" rel=\"noopener noreferrer\">GitHub repository<\/a> (that way, you can easily update later with a <code>git pull<\/code>).<\/p>\n<p>And make sure to add this to your Emacs init file:<\/p>\n<div class=\"org-src-container\">\n<pre class=\"src src-elisp\">(load-file <span style=\"color: #ff5f87;\">\"~\/path\/to\/web-mode\/web-mode.el\"<\/span>)\n(<span style=\"color: #5af2ee;\">require<\/span> '<span style=\"color: #3aff83;\">web-mode<\/span>)\n<\/pre>\n<\/div>\n<p>Of course, update the above example path with the actual path to the <code>web-mode.el<\/code> file.<\/p>\n<\/div>\n<\/div>\n<div id=\"outline-container-features\" class=\"outline-2\">\n<h2 id=\"features\">Some Important Web Mode Features<\/h2>\n<div id=\"text-features\" class=\"outline-text-2\">\n<p>Here is a quick rundown of some of the instant-benefit features that web-mode brings you. You can ready the full documentation (linked above) to get a complete manifest of all the features available.\u00a0 But as always, it\u2019s best to jump in and start playing around.<\/p>\n<\/div>\n<div id=\"outline-container-org50af13a\" class=\"outline-3\">\n<h3 id=\"org50af13a\">Syntax Highlighting<\/h3>\n<div id=\"text-org50af13a\" class=\"outline-text-3\">\n<p>Every text editor has syntax highlighting. And most popular web-optimized text editors will be able to understand the difference between HTML, CSS, and other popular web languages. This works great, but only until it doesn\u2019t. For example, let\u2019s say you want to start using a popular template engine, and you find your editor doesn\u2019t support it. Rest assured, web-mode is one of the most complete web authoring packages out there. Plus, you get all the other powerful features of Emacs.<\/p>\n<\/div>\n<\/div>\n<div id=\"outline-container-org1237059\" class=\"outline-3\">\n<h3 id=\"org1237059\">Support For Template Engines<\/h3>\n<div id=\"text-org1237059\" class=\"outline-text-3\">\n<p>Have you ever used \u201cblade\u201d to create web templates? Maybe you have no idea what I\u2019m talking about, but if you do then I might have just saved your working life. There are so many different template engines out there that you can use to make your web coding so much easier. Web-mode supports just about <i>all<\/i> of them. Here are just a few examples:<\/p>\n<ul class=\"org-ul\">\n<li>Blade (Laravel)<\/li>\n<li>Twig<\/li>\n<li>Mustache<\/li>\n<li>Blaze<\/li>\n<li>Handlebars<\/li>\n<li>Meteor<\/li>\n<li>Underscore.js<\/li>\n<li>Angular.js<\/li>\n<\/ul>\n<p>And many more.<\/p>\n<\/div>\n<\/div>\n<div id=\"outline-container-orgaa0f149\" class=\"outline-3\">\n<h3 id=\"orgaa0f149\">Jumping Around Your Document<\/h3>\n<div id=\"text-orgaa0f149\" class=\"outline-text-3\">\n<p>Whether you\u2019re using HTML, PHP, or various template engines with their own opening and closing tags or syntax, you can use a simple key command (<code>C-c C-n<\/code>) to jump between those opening and closing tags.<\/p>\n<\/div>\n<\/div>\n<div id=\"outline-container-org60934f2\" class=\"outline-3\">\n<h3 id=\"org60934f2\">Code Folding<\/h3>\n<div id=\"text-org60934f2\" class=\"outline-text-3\">\n<p>Yes, code folding. You don\u2019t know how nice this feature is until your editor offered it to you. Not working on a big section right now? Fold it with (<code>C-c C-f<\/code>) and it will collapse into itself (<code>&lt;div&gt;|&lt;\/div&gt;<\/code>). You can re-open it by simply jumping into it and hitting your return or \u201cEnter\u201d key.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"outline-container-resources\" class=\"outline-2\">\n<h2 id=\"resources\">Much More To Discover<\/h2>\n<div id=\"text-resources\" class=\"outline-text-2\">\n<p>The features listed above represent a small sample of the complete package. They were strategically selected because some editors offer them, but not always all in one editor. Why hop around to different editors when you can get all of these features in one place?<\/p>\n<p>Here are some other helpful resources from the support center:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.inmotionhosting.com\/support\/website\/website-design\/introduction-web-design\/\" target=\"_blank\" rel=\"noopener noreferrer\">Basics of web design<\/a><\/li>\n<li><a href=\"https:\/\/www.inmotionhosting.com\/support\/website\/what-is-html5\/\" target=\"_blank\" rel=\"noopener noreferrer\">What is HTML?<\/a><\/li>\n<li><a href=\"https:\/\/www.inmotionhosting.com\/support\/email\/how-to-send-email-from-a-web-page\/\" target=\"_blank\" rel=\"noopener noreferrer\">How to send email from a web page<\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>For those users of the GNU Emacs editor, who also do web coding, you might be wondering what is the best all around package for editing files for your website. You need something that does all of the below: HTML CSS JavaScript PHP And at the same time, you should get additional convenience features like<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/emacs\/emacs-web-mode\/\"> Read More ><\/a><\/p>\n","protected":false},"author":17,"featured_media":68408,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4396],"tags":[],"class_list":["post-68405","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-emacs"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Master Emacs Web Mode in 2021 | InMotion Hosting<\/title>\n<meta name=\"description\" content=\"Emacs web mode gives you the whole feature set you&#039;ve come to expect from expensive IDEs and more cumbersome text editors, but it&#039;s all free.\" \/>\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.inmotionhosting.com\/support\/edu\/emacs\/emacs-web-mode\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Master Emacs Web Mode in 2021 | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"Emacs web mode gives you the whole feature set you&#039;ve come to expect from expensive IDEs and more cumbersome text editors, but it&#039;s all free.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/emacs\/emacs-web-mode\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-02-10T21:27:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-10T16:26:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/02\/Emacs-Web-Mode.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Christopher Maiorana\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Christopher Maiorana\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/emacs\/emacs-web-mode\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/emacs\/emacs-web-mode\/\"},\"author\":{\"name\":\"Christopher Maiorana\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/c6922c56c84e17079fd558e07b7ef72f\"},\"headline\":\"Emacs Web Mode For Code Mastery\",\"datePublished\":\"2021-02-10T21:27:40+00:00\",\"dateModified\":\"2024-05-10T16:26:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/emacs\/emacs-web-mode\/\"},\"wordCount\":582,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/emacs\/emacs-web-mode\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/02\/Emacs-Web-Mode.png\",\"articleSection\":[\"Emacs\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/emacs\/emacs-web-mode\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/emacs\/emacs-web-mode\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/emacs\/emacs-web-mode\/\",\"name\":\"Master Emacs Web Mode in 2021 | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/emacs\/emacs-web-mode\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/emacs\/emacs-web-mode\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/02\/Emacs-Web-Mode.png\",\"datePublished\":\"2021-02-10T21:27:40+00:00\",\"dateModified\":\"2024-05-10T16:26:35+00:00\",\"description\":\"Emacs web mode gives you the whole feature set you've come to expect from expensive IDEs and more cumbersome text editors, but it's all free.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/emacs\/emacs-web-mode\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/emacs\/emacs-web-mode\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/emacs\/emacs-web-mode\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/02\/Emacs-Web-Mode.png\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/02\/Emacs-Web-Mode.png\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/emacs\/emacs-web-mode\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Emacs Web Mode For Code Mastery\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support &amp; Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/c6922c56c84e17079fd558e07b7ef72f\",\"name\":\"Christopher Maiorana\",\"description\":\"Christopher Maiorana joined the InMotion community team in 2015 and regularly dispenses tips and tricks in the Support Center, Community Q&A, and the InMotion Hosting Blog.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/chris-m-4623144b\/\"],\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/christopherm\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Master Emacs Web Mode in 2021 | InMotion Hosting","description":"Emacs web mode gives you the whole feature set you've come to expect from expensive IDEs and more cumbersome text editors, but it's all free.","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.inmotionhosting.com\/support\/edu\/emacs\/emacs-web-mode\/","og_locale":"en_US","og_type":"article","og_title":"Master Emacs Web Mode in 2021 | InMotion Hosting","og_description":"Emacs web mode gives you the whole feature set you've come to expect from expensive IDEs and more cumbersome text editors, but it's all free.","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/emacs\/emacs-web-mode\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2021-02-10T21:27:40+00:00","article_modified_time":"2024-05-10T16:26:35+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/02\/Emacs-Web-Mode.png","type":"image\/png"}],"author":"Christopher Maiorana","twitter_card":"summary_large_image","twitter_creator":"@InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"Christopher Maiorana","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/emacs\/emacs-web-mode\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/emacs\/emacs-web-mode\/"},"author":{"name":"Christopher Maiorana","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/c6922c56c84e17079fd558e07b7ef72f"},"headline":"Emacs Web Mode For Code Mastery","datePublished":"2021-02-10T21:27:40+00:00","dateModified":"2024-05-10T16:26:35+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/emacs\/emacs-web-mode\/"},"wordCount":582,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/emacs\/emacs-web-mode\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/02\/Emacs-Web-Mode.png","articleSection":["Emacs"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/emacs\/emacs-web-mode\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/emacs\/emacs-web-mode\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/emacs\/emacs-web-mode\/","name":"Master Emacs Web Mode in 2021 | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/emacs\/emacs-web-mode\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/emacs\/emacs-web-mode\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/02\/Emacs-Web-Mode.png","datePublished":"2021-02-10T21:27:40+00:00","dateModified":"2024-05-10T16:26:35+00:00","description":"Emacs web mode gives you the whole feature set you've come to expect from expensive IDEs and more cumbersome text editors, but it's all free.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/emacs\/emacs-web-mode\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/emacs\/emacs-web-mode\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/emacs\/emacs-web-mode\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/02\/Emacs-Web-Mode.png","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/02\/Emacs-Web-Mode.png","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/emacs\/emacs-web-mode\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"Emacs Web Mode For Code Mastery"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support &amp; Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/c6922c56c84e17079fd558e07b7ef72f","name":"Christopher Maiorana","description":"Christopher Maiorana joined the InMotion community team in 2015 and regularly dispenses tips and tricks in the Support Center, Community Q&A, and the InMotion Hosting Blog.","sameAs":["https:\/\/www.linkedin.com\/in\/chris-m-4623144b\/"],"url":"https:\/\/www.inmotionhosting.com\/support\/author\/christopherm\/"}]}},"jetpack_featured_media_url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/02\/Emacs-Web-Mode.png","jetpack_sharing_enabled":true,"primary_category":{"id":4396,"name":"Emacs","slug":"emacs","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/emacs\/"},"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/68405","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=68405"}],"version-history":[{"count":6,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/68405\/revisions"}],"predecessor-version":[{"id":82670,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/68405\/revisions\/82670"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media\/68408"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=68405"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=68405"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=68405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}