Questions tagged [web-mode]
web-mode.el is a major mode for editing HTML templates containing parts (CSS, JavaScript) and blocks (server/client side engines)
96
questions
0
votes
1answer
13 views
No php highlighting in .blade.php using web-mode
there's no highlighting php into a .blade.php file using web-mode.
I just installed from MELPA and added this to my .emacs file:
(require 'web-mode)
(add-to-list 'auto-mode-alist '("\\.html?\\'&...
0
votes
0answers
14 views
GraphQL and Styled Components syntax highlighting in web-mode?
How can I add syntax highlighting for GraphQL and Styled Components in web-mode?
Right now it doesn't work, which makes programming much less convenient, and it's surprisingly difficult to find the ...
0
votes
3answers
29 views
The global value of a variable I set with setq in my config differs from the local value. How can I get my value to be what I want in every buffer?
I want web-mode-script-padding to be set to 0 at all times.
In my config, I have tried both
(with-eval-after-load 'web-mode
(setq web-mode-script-padding 0)
)
As well as simply,
(setq web-mode-...
0
votes
1answer
17 views
Auto-indentation for Meteor/spacebars
How do I get Emacs to auto-indent Spacebars blocks when coding with Meteor? Right now, Emacs automatically does this:
{{#each player}}
{{name}}
{{/each}}
instead of this:
{{#each player}}
{{name}}...
0
votes
0answers
21 views
web-mode - PHP code indentation
I have been using Emacs for some time but I am quite new for PHP and Web development. I want to use Emacs as a PHP editor.
I have searched a lot of pages and I have found that many people recommend ...
0
votes
0answers
23 views
How to have a tag replace its parent in web-mode? (Equivalent to paredit-raise-sexp in paredit)
I'm having a hard time searching for the answer to this, probably I'm using the wrong terminology. How do I have a child element replace its parent element (the parent element deleted completely and ...
1
vote
0answers
16 views
web-mode turn off auto indent on yank [duplicate]
How to turn off auto indent on yank in web mode?
As far as I understand, I must call remove-hook with the name of the hook and the function. But how too find them?
1
vote
1answer
83 views
How to render html in web-mode?
I'm using web-mode within emacs to edit an html file, in html-mode I can use C-c C-v to render html, it opens the file straight to Firefox.
How I do that with web-mode?
Thanks a lot,
P.S : Using ...
2
votes
1answer
87 views
Web-mode left arrow without the right closing angle bracket
When using Elixir html template (.eex) in web-mode, I sometimes need to type code like <%= for bid <- @bids do %> . At the moment because the opening left angled bracked is closed immediately ...
0
votes
0answers
181 views
Bad indentation with tsx
I have a .tsx file and a function that returns some html. It starts like:
return <div className=...
Then at some point I have a component with many arguments so I have to split them vertically. I ...
0
votes
0answers
19 views
Easy way to edit JSFiddle file sets in Emacs
I use JSFiddle quite a bit to share HMTL/CSS/JS file sets ("fiddles") with others. Bigger edits of these files I do in Emacs.
Is there an easy way (or a package) to do the download->edit->upload ...
0
votes
0answers
82 views
For spacemacs, how do I override a layer's setting? (company-minimum-prefix-length 0 in web mode)
Using Web mode if I type <div> and wait 0.2s later (company-idle-delay) I get a menu with every possible HTML tag I might want to use after that. It's pretty useless. If I am editing inline ...
0
votes
0answers
66 views
web-mode and editorconfig how to set correct spacing
Using web-mode as the major mode for a *.vue file
When inside a script tag the javascript defaults to a 4 space indent, but the .editorconfig has
indent_size = 2
How should editorconfig be ...
3
votes
0answers
345 views
Configuring web-mode for Vue.js (.vue) files
It seems that web-mode has supported Vue.js since May 2017, the "Venora Release".
Configuring Emacs to handle Vue.js files (extension .vue) is as easy as writing
(add-to-list 'auto-mode-alist '("\\....
0
votes
2answers
98 views
How to get current language at point?
How can i get current programming language at current cursor.
For example, if my cursor is inside script tag, then it should return js or javascript and if it is inside style tag, then it should be ...
4
votes
1answer
81 views
How to stop web-mode from reindenting after yank?
I'm editing this code:
callFunction({
x: somearray,
});
Then I want to extract somearray to be a variable with a copy. I cut somearray and delete the colon, then enter (_ is the cursor):
const ...
1
vote
0answers
77 views
web-mode didn't work properly under Emacs
I am using Emacs 25.3.1 under MS Windows 64-bit, Everything seems working fine except the web-mode. If I try to edit an HTML file there is no syntax highlighting, when mixing PHP and HTML only the PHP ...
3
votes
1answer
182 views
Yasnippets for active web-mode engine
Say I have a snippets folder:
snippets/web-mode/
āāā django
āĀ Ā āāā else
āĀ Ā āāā for
āĀ Ā āāā if
āāā erb
āāā else
āāā for
āāā if
Both engines have different syntax ({% %} and {{ }} vs <...
0
votes
0answers
35 views
unexpected long indent after colon in web-mode
I have some trouble locating the source of 8 tabs and 3 spaces more than the previous indentation when I'm inside js inside web-mode. These appear after a line that ends with a colon. Example (note ...
1
vote
1answer
352 views
CSS classes autocomplete not working with web-mode
I'm struggling with a problem with Spacemacs and I don't know what I'm doing wrong (maybe a lot of things).
I have created a TAG file for my project. The tags seem to work well because I can navigate ...
0
votes
1answer
60 views
How to exclude or remove certain modes from major mode?
I tried to use column-enforce-mode but I don't want it on web-mode I tried to disable it but without success.
(global-column-enforce-mode t)
(remove-hook 'web-mode 'column-enforce-mode nil)
The code ...
0
votes
1answer
115 views
Toggle major mode with a custom key binding
I currently have 2 key bindings for switching between two major modes:
(global-set-key (kbd "<f12>") 'js2-jsx-mode)
(global-set-key (kbd "<f13>") 'web-mode)
How would I reduce that to a ...
4
votes
1answer
797 views
web-mode not installing?
The short version of my question is how do I install web-mode?
Here's what I've tried so far:
I'm trying to install web-mode, so I typed in M-x package-install, followed by web-mode. At this point ...
1
vote
0answers
285 views
Correct web-mode syntax-highlighting in org-mode src blocks
When adding source blocks in a org-mode document (usually with the shortcut <s TAB), it usually works fine, but specifically with web-mode, if I edit any snippet with the special editor (C-c-'), it ...
1
vote
1answer
110 views
javscript “.” indent in web-mode
In web-mode, the indentation after "."
var context = cubism.context()
.step(1e4)
.size(+d33.select("#using-cubism2")
.style("...
0
votes
3answers
228 views
Help with `replace-regexp-in-string`, to replace only first instance in every line
I have the following string:
// const asdf = 'asdf'
// // comment
// const asdf2 = asdf
And I want to run a regexp replace to make it look as follows:
const asdf = 'asdf'
// comment
const asdf2 = ...
2
votes
2answers
343 views
Detect missing > html emacs web-mode
Hello I am new to Emacs and I am currently using it for web development projects. I am currently using Laravel and VueJS on my development. I search online what is the best major mode for this web ...
0
votes
1answer
169 views
How to make web-mode handle HTML inside <script> element?
I have elements that contain various things. Some contain HTML; web-mode does not realize that so it messes up the indentation. Some contain CSS; same issue.
My first preference is, can I somehow ...
2
votes
1answer
254 views
web-mode disable auto pairing mode does not work
I am having little issues with web-mode.
I am trying to disable the pairing which is done automatically when I try to insert double curly braces like this:
{{<CURSOR>}} , and hit space to ...
1
vote
1answer
51 views
Select Within Quotes
Supposing I have my cursor resting somewhere in a bunch of text within quotes, is there a key binding that will mark or highlight just the text within the quotes so I can delete it?
This would be ...
2
votes
1answer
303 views
How to detect and match indentation size of current buffer
I'm working on a javascript project that has inconsistent tab sizes 2spaces vs 4spaces on the server and client. I'm using web-mode for javascript editing. I'm looking for a feature like SublimeTexts ...
1
vote
1answer
796 views
How to use web-mode engine-specific checkers in flycheck?
Flycheck seems to enable checkers based on the major mode. Meanwhile, web-mode can be used to edit a variety of different types of files (html, javascript, etc.) which would each have their own ...
4
votes
2answers
745 views
Set web-mode engine per directory
I'm hoping this is possible. I work in a variety of environments and languages. Right now it's mostly django and Node.js, but there have been others. What I would like to do is set the web-mode engine ...
0
votes
1answer
76 views
Why am i getting extra indentation-steps on react-router render function?
I am trying to write a school project in React with react-router v4 in web-mode. When i try to write the render props function web-mode inserts 4 spaces instead of the desired 2.
<Switch>
&...
4
votes
1answer
571 views
How to use web-mode to edit multiline HTML inside backticks?
I often work with Angular and Typescript, and I'm fond of putting my Angular templates directly into my Typescript files. The resulting code is essentially Javascript with HTML snippets in it, like ...
1
vote
1answer
405 views
Web-mode uses 1 space indent instead of 2
I have this config in my init.el:
(setq-default indent-tabs-mode nil)
(add-to-list 'auto-mode-alist '("\\.html?\\'" . web-mode))
(defun my-web-mode-hook ()
"Hooks for Web mode."
(setq web-mode-...
0
votes
1answer
163 views
how to get web-mode to ignore alignment in favor of indentation during method chaining?
when I write code (Javascript, specifically) in a web-mode buffer which chains methods across newlines:
object.foo()
.bar()
web-mode seems to want to align it like this:
object.foo()
.bar()// ...
1
vote
0answers
953 views
spacemacs, web-mode, cannot indent
I am using spacemacs. When writing .html file, it shows that it is in web-mode. I want to indent, press TAB, but nothing happened. So I can only use SPC to indent.
I added
(setq web-mode-markup-...
0
votes
0answers
188 views
web-mode-indentation wrong
Using web-mode and evil I get a really strange behaviour when pressing return after curly braces:
let StubMapsService = Ember.Service.extend({
getMapElement(location) { (RET)
}
});
let f ...
1
vote
2answers
935 views
go to symbol in javascript with web-mode
I am using web-mode for javascript files that contain jsx:
(add-to-list 'auto-mode-alist '("\\.html?\\'" . web-mode))
(add-to-list 'auto-mode-alist '("\\.js[x]?$" . web-mode))
Is there a way to ...
3
votes
2answers
918 views
How can i start web-mode at a file's startup?
I want my emacs to start .php and others web files in web mode so i copied this code which is on the web-mode webpage:
(require 'web-mode)
(add-to-list 'auto-mode-alist '("\\.phtml\\'" . web-mode))
(...
2
votes
0answers
128 views
How to set web-mode to use single-line comment style instead of multi-line for JavaScript
When commenting C-style code like C++, JavaScript etc., I use single-line comments to be able to uncomment a previously commented region selectively, i.e
// This
// is
// a single-line style
// ...
0
votes
0answers
58 views
bug with web-mode and paredit
I have paredit configured to work on javascript files. I also have web-mode enabled
It seems to cause a bug in certain situations.
Here is a stack trace I got by trying to clear all the text in an ...
4
votes
1answer
884 views
turn off auto-quotes in web-mode
Currently I have jsx in my js files but when using web-mode it is only possible to have single quotes or double quotes for html attributes with this setting the web-mode-auto-quote-style setting, e.g:
...
1
vote
1answer
306 views
How do I enable/disable flycheck when changing buffer content-type of web-mode
I am using emacs daemon, and with the default config for js, jsx:
(flycheck-add-mode 'javascript-eslint 'web-mode)
When I edit *.html.erb files, I have an error: Parsing error: Unexpected token at &...
1
vote
1answer
464 views
args-out-of-range error with ac-html
I tried using ac-html recently since I'm an auto-complete user and I'd like to have HTML completion in html-mode and web-mode buffers. However, it has been acting somewhat strangely and throws an ...
7
votes
1answer
1k views
Formatting jsx in js files with web-mode
Say I have a function like this in a .js file:
import React, { Component, PropTypes } from 'react';
const Forecast = ({ summary, details }) => {
if (!summary) return <div/>;
const image ...
7
votes
1answer
910 views
Change comment style in web-mode
I am using web-mode 20161003.1327
At the moment when I comment a region in web-mode, it comments like this;
/* import chai from 'chai';
* import 'babel-polyfill';
* import configureMockStore from ...
0
votes
2answers
316 views
How to Debug Javascript in HTML in Webmode.el
I am new to Emacs webmode. I was wondering how to debug javascript embedded into my html page using webmode.el. The script is in the <script> tag.
I'd like to see break lines and see the values ...
3
votes
1answer
121 views
Web-mode + Dust.js, no indentation?
If I go to scratch, M-x web-mode RET, type in this snippet:
<script type="text/x-dust-template">
{#obj_to_iterate}
{prop} <----- this should indent
{/obj_to_iterate}
</script&...
