Javascript syntax highlighting not working in script tag #76
Labels
Comments
|
That shouldn't be necessary. |
|
I disabled all plugins. And it still does not work. Using |
|
Also there is a strange issue when using with NERDcommenter, that sometimes it is using the wrong comment format. I do not know why, or if it is related or not. |
|
I don't know what to tell you... script section should be detected as javascript by default... |
|
JavaScript and CSS highlighting is handled by the HTML syntax script. Does it get highlighted when you run |
|
OMG, did I forget how my own script works? 😰 |
|
Ok, It seems we are getting close. It does syntax highlight using the html.vim file. I expected it to use javascript.vim. Both othree/html5.vim and built in html -> javascript syntax highlighting looks so strange.. I am pretty bad at vimscript, can you tell me how to make syntax/javascript.vim the default one? (without explicitly naming it lake this: |
This was referenced Sep 26, 2017
|
Hi, I am still facing this issue while using latest version of this plugin. Summary
Screenshot
|
|
@harish2704 I had a similiar problem. My highlighting was not complete e.g. Strings had no colorization. I just fixed that problem with adding "vue" as filetype for my other javscript plugin: Plug 'pangloss/vim-javascript', { 'for': ['javascript', 'javascript.jsx', 'html', 'vue'] }I just wanted to keep this info here if someone is faceing the same problem. It seems that in my case the plugins are blocking each other. edit: I use nvim 0.2.2... |
|
@jsaak @harish2704 Could you provide steps to reproduce it with a clean vimrc? |
|
@adriaanzon You had the answer previously. "JavaScript and CSS highlighting is handled by the HTML syntax script.". It is true, and that is my problem. I expected this script to use javascript.vim and css.vim. |
|
I meant that html.vim already includes the css and JavaScript syntax scripts so we don't have to do that anymore. See: https://github.com/vim/vim/blob/master/runtime/syntax/html.vim#L185-L188 https://github.com/vim/vim/blob/master/runtime/syntax/html.vim#L221-L223 |
|
Honestly i do not know what is going on with these plugins. |
|
@adriaanzon What I found is this.
vimrc for reproducing this issue filetype on " required!
filetype plugin indent on " Automatically detect file types.
syntax on
set nu " Line umbers on
call plug#begin( )
Plug 'pangloss/vim-javascript' , { 'for': ['javascript', 'javascript.jsx', 'html', 'vue'] }
Plug 'posva/vim-vue'
Plug 'HerringtonDarkholme/yats.vim'
call plug#end()Please let me know if you need any more information |
|
@matsp Thanks for the update. I had tried your solution. But it didn't worked for me. |
|
I had the same problem. My solution: let g:vue_disable_pre_processors=1
autocmd FileType vue syntax sync fromstart
autocmd BufRead,BufNewFile *.vue setlocal filetype=vue.html.javascript.css.less.pugFind what plugin was interested in vim-vue. |
|
When i change the syntax file with this one: Syntax File, syntax highlighting working again in script tags. |
|
Currently having this problem... the highlighting goes on and off and on and off again... as I'm scrolling through my *.vue component files. |
|
I came across this issue and saw it is still open. It is possible to select a preferred syntax within a range in the file, without modifying the Here is how to do it: To summarize, I am copying the function from the example described in the link: Define the function! TextEnableCodeSnip(filetype,start,end,textSnipHl) abort
let ft=toupper(a:filetype)
let group='textGroup'.ft
if exists('b:current_syntax')
let s:current_syntax=b:current_syntax
" Remove current syntax definition, as some syntax files (e.g. cpp.vim)
" do nothing if b:current_syntax is defined.
unlet b:current_syntax
endif
execute 'syntax include @'.group.' syntax/'.a:filetype.'.vim'
try
execute 'syntax include @'.group.' after/syntax/'.a:filetype.'.vim'
catch
endtry
if exists('s:current_syntax')
let b:current_syntax=s:current_syntax
else
unlet b:current_syntax
endif
execute 'syntax region textSnip'.ft.'
\ matchgroup='.a:textSnipHl.'
\ keepend
\ start="'.a:start.'" end="'.a:end.'"
\ contains=@'.group
endfunctionAnd then point the script sections autocmd BufNewFile,BufRead *.vue call TextEnableCodeSnip('javascript' ,'<script>' ,'</script>', 'SpecialComment')I think it is possible to do that for any section, and select any available syntax, for any file. I hope it helps. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
If i use plain ecmascript, the syntax highlighting is not working.
For a workaround i edited syntax/vue.vim and added
call s:register_language('javascript', 'script')And modified my source to
<script lang="javascript">The text was updated successfully, but these errors were encountered: