Is anyone else experiencing issues with VIM's syntax highlighting for Javascript? I have noticed that at times, the highlighting seems to disappear and I have to scroll around to get it adjusted properly.
Does anyone know of any workarounds or solutions to this problem? Currently using vim 7.1.
If you're looking for an upgraded Javascript syntax highlighter, check out this enhanced option instead of the default one in VIMRUNTIME.
After making some adjustments to Yi Zhao's Javascript Syntax, I decided to incorporate Ajax Keywords support and highlight DOM Methods along with other features.
You can check out my version of the Javascript Syntax here. It may not be perfect since I am still new to Vim, but it has served me well so far. Feel free to make any fixes or enhancements.
UPDATE: I recently realized that syntax highlights only show up if included in your own colorscheme. I will test adding these lines to my modified syntax file in the future.
For the latest version of the javascript syntax file, visit github. You no longer need to modify your current colorscheme for this updated version.
Adjusting syntax coloring synchronization is essential in certain coding scenarios. It has been noted that modifications are required to ensure accurate parsing of the code.
Syntax synchronization ("help syn-sync") dictates how vim manages and updates its understanding of the code for color highlighting, allowing it to render correctly at any point in the file.
Default settings may not always be ideal, leading users to manually input:
:syn sync fromstart
For detailed information, I recommend referring to the documentation provided under:
:help syn-sync
Alternatively, you can explore:
:help syntax
to navigate to the synchronization section and evaluate the available basic options effectively. Moreover, creating mappings to function keys for switching between "fromstart" and "ccomment" modes, as well as clearing the sync settings, can streamline the process.
While browsing through some older posts, I came across a similar issue where syntax highlighting in the JavaScript section of an .html file suddenly stopped working. Like the original poster mentioned, a simple fix was to scroll up and magically everything would start highlighting again.
Today, I managed to uncover the root cause of the problem along with a viable solution. In Vim, syntax highlighting relies on context derived from previous lines to determine the correct highlight. By specifying the number of lines before the current one that are used for context using :syntax sync minlines=200, you can ensure proper syntax highlighting. Alternatively, you can utilize the entire file (although this may slow down processing for long files) by executing :syntax sync fromstart.
Once I discovered this workaround, I included the following line in my .vimrc:
autocmd BufEnter *.html :syntax sync fromstart
With this modification, .html files will now make use of the entire file as context, ensuring flawless highlighting in the javascript section regardless of its length. Hopefully, this solution proves helpful to anyone facing a similar predicament!
Whenever I need a fast solution, I tend to simply scroll up and down so the highlighting adjusts itself. Another trick is to press Ctrl+L for a screen redraw which usually does the trick.
I'm currently working on a logging system using node for a twitch chat. The idea is that when you type "!logs user" in the chat, it should upload the corresponding user.txt file to pastebin and provide a link to it in the chat. For this project, I am ...
I am trying to update the content of a Message div based on the position of my slider. Since my slider only has 5 positions, I need to display 5 different messages depending on which position is selected. Does anyone know how to accomplish this? Here is t ...
Here is the code I am currently using to increment the value of intVariable using window.setInterval. var Arrow = (function () { function Arrow() { this.intVariable = 1; this.itemId = -1; this.interval = 25; } Arrow.p ...
Using this repository as my foundation, I have successfully resolved most of the plugin errors except for one that continues to elude me. It's puzzling because no other plugin anticipates a .map file in an SSR build since it is intended for productio ...
Hey everyone, I'm having an issue with styling a drop down menu that is populated by JavaScript. I've tried different things but nothing seems to be working. Any suggestions on how I can style the elements in the drop down? <form action="" me ...
When a button is pressed, I want to add a value into a container by adding an event listener. <div className="grid-container"> <div> <button id="redBet" className="redButton" onclick={thi ...
Challenge In my Hangman App, I am attempting to implement letter animations using react-spring. I want the letters from an array to fade in when loaded and fade out when removed by clicking on them. However, my previous attempts have resulted in laggy per ...
I have developed a sample that functions just as I envision my final outcome to function, with the exception of triggering on mouse-over. Instead, I would like it to activate as a page transition when scrolling with the mouse. (move your cursor over the i ...
Whenever I present my currency as USD, it always shows up like this: USD$500.00. I am attempting to eliminate the USD prefix from the beginning. Below is my numberFormats configuration: numberFormats: { 'en': { currency: { ...
I'm looking to transmit a JSON string using JavaScript and later convert it into an array using a PHP encoding function. After successfully converting the string in JavaScript and transmitting it via Ajax to a PHP page, I am encountering difficulties ...
I am looking to create an animation of a boat traveling along a specific route. Currently, I am able to display the route as a line and the boat as a circle using TimestampedGeoJson: # circle with following line features = [ { 'type': ...
Currently in the process of developing a website, specifically working on a registration page for user sign-ups. My main challenge at the moment is validating email addresses without using Links. I need to redirect users to a new page where they can see if ...
Every time I encounter the error message undefined is not an object (evaluating this.props.socket.on). In my code, I define the socket in the index.ios.js file as shown below: class Main extends Component { constructor(props) { super(props); ...
Embarking on my journey of developing a React app, I made the decision to incorporate Material UI for its array of pre-built components. However, delving into the customization of these components and their styles has proven to be quite challenging for me ...
React's homepage features the final illustration (A Component Using External Plugins) with a textarea: <textarea id="markdown-content" onChange={this.handleChange} defaultValue={this.state.value} /> While typing, the ...
Currently, I am utilizing the Bootstrap 4 color picker library which can be found at this link: In my code, I have defined color pickers that look like this: <div class="input-group cpicker"> <input type="text" class="form-control input-lg" ...
I am having trouble with my UserController and database configuration file db.js. I am trying to make a function in the UserController access a function in db.js. In my UserController, I have included var db = require('../config/db'); and within ...
In my asp.net webform project, I am encountering an issue where the page is running twice when clicked. The problem arises when calling two functions (Fill DropDowns) on the Page_Load Event. During debugging, it was observed that the control enters the Pa ...
I am struggling to remove the 'hello5' from the years in myObj. Although I tried using the 'pop' prototype, an error occurred in the browser console displaying: 'Uncaught TypeError: Cannot read property 'type' of undefi ...
I am having trouble understanding how to implement zoom based on mouse position using this example here: (https://stackblitz.com/edit/js-fxnmkm?file=index.js) let node, scale = 1, posX = 0, posY = 0, node = document.querySelector('.f ...