Community
    • Login

    javascript back-tick quoted strings bad color

    Scheduled Pinned Locked Moved Help wanted · · · – – – · · ·
    16 Posts 9 Posters 13.1k Views
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • CoDEmanX47C
      CoDEmanX47
      last edited by

      Do you mean there’s supposed to be an entry STRINGRAW in Options > Styles… > JavaScript? Well, there isn’t for me.

      Claudia FrankC 1 Reply Last reply Reply Quote 0
      • Claudia FrankC
        Claudia Frank @CoDEmanX47
        last edited by

        Hello @CoDEmanX47,

        in npp 6.9 I do have it as seen here.

        Cheers
        Claudia

        1 Reply Last reply Reply Quote 1
        • kawingaK
          kawinga
          last edited by

          @Claudia-Frank

          I’m sorry, but i also dont got this Styles-Template (npp 6.9).

          Screenshot: http://imgur.com/GVezksS

          Maybe you installed some Plugins/additional Stylesheets?

          KR, Robert

          Claudia FrankC 1 Reply Last reply Reply Quote 0
          • Claudia FrankC
            Claudia Frank @kawinga
            last edited by

            Hello Robert,

            when npp gets updated using the auto updater then langs, styles and config.xml don’t get updated
            to avoid that those configuration files, which can be/are configured by users gets overwritten.
            So I assume you don’t really have the latest langs und styles.xml.
            To test this you can temporarily rename the langs.xml and styles.xml to, let’s say langs.xml.old
            (stylers.xml.old) and rename langs.model.xml and stylers.model.xml to langs.xml (stylers.xml).
            The files are located in the npp install directory or when you have an %APPDATA% configuration,
            then under %APPDATA%\notepad++.

            Cheers
            Claudia

            1 Reply Last reply Reply Quote 1
            • CoDEmanX47C
              CoDEmanX47
              last edited by

              I renamed %appdata%\Notepad++\stylers.xml as suggested and Notepad++ created a new one with the following additional entry for JavaScript:

              <WordsStyle name="STRINGRAW" styleID="20" fgColor="FFFFFF" bgColor="808080" fontName="" fontStyle="0" fontSize="" />
              

              I can adjust the fore- and background color just fine in the style configuration inside Notepad++. Thanks!

              One more thing I noticed: There’s JavaScript (embedded)*, and there’s JavaScript. The former does not have the STRINGRAW style and is also lacking a few others that are available in the javascript.js style. The “embedded” label is cut off in the style configuration dialog, because the list box is too narrow.

              * actually “embbeded”, with a typo

              Claudia FrankC 1 Reply Last reply Reply Quote 0
              • Claudia FrankC
                Claudia Frank @CoDEmanX47
                last edited by

                Hello @CoDEmanX47,

                afaik embedded ;-) javascript is the one which gets recognized when used in html file.
                So, I’m not an expert in java script, I assume that this “clone” doesn’t have that functionality
                as it isn’t used/allowed/expected/?? in html file.

                Maybe someone else with a deeper understanding of embedded java script knows more about it?

                Cheers
                Claudia

                1 Reply Last reply Reply Quote 0
                • Valentin TihomirovV
                  Valentin Tihomirov
                  last edited by

                  I removed the stulers and lang.xml. Notepad recreates them indeed. The files are bit shorter but this did not fix the formatting anyhow.

                  1 Reply Last reply Reply Quote 0
                  • Flying CrowbarF
                    Flying Crowbar
                    last edited by

                    This is still an issue in v7.7.1

                    screenshot showing unreadable highlighting

                    1 Reply Last reply Reply Quote 0
                    • Lajos MészárosL
                      Lajos Mészáros
                      last edited by

                      So it’s been over 5 years now since the ticket have been opened and the issue still stands to this day with version 7.9.5. Is there any update on this? It kinda makes notepad++ useless for viewing javascript files utilizing ES6+ features.

                      PeterJonesP 1 Reply Last reply Reply Quote 0
                      • PeterJonesP
                        PeterJones @Lajos Mészáros
                        last edited by

                        @Lajos-Mészáros said in javascript back-tick quoted strings bad color:

                        So it’s been over 5 years now since the ticket have been opened and the issue still stands to this day with version 7.9.5. Is there any update on this? It kinda makes notepad++ useless for viewing javascript files utilizing ES6+ features.

                        What ticket? This is a forum of the community – ie, fellow users. This Topic is just a disucssion of a problem a user had. Feature requests and bug reports will not get official attention in this forum, as explained in this FAQ

                        And which “issue” still stands? The original post from years ago was about raw strings in backticks.
                        816d007b-d853-4120-9a41-dc6d04132c61-image.png
                        It highlights exactly as defined by the STRINGRAW style, so there’s no bug or problem.

                        If you don’t like the color in STRINGRAW, then set your own color.

                        If you don’t see STRINGRAW in the Style Configurator, then your config file is out of date. Just delete %AppData%\Notepad++\stylers.xml and restart Notepad++, and it will go back to the modern defaults with all the modern styles correctly defined.

                        If you are using a theme, then the theme itself hasn’t been updated, and you will have to manually edit the appropriate theme’s .xml from %AppData%\Notepad++\themes\____.xml to add in the config lines that they are missing – you can compare to stylers.xml or to the stylers.model.xml that is in the main executable directory.

                        FYI: themes are something that are distributed with Notepad++, but not maintained by the core development team – most were added years ago by some other user who had created a cool theme, but never came back to update them as Notepad++ added more features and more styles/languages. If no one submits a PR to fix a theme, that theme will stay permanently out-of-date. So before you complain about that, ask yourself if you are willing to take on maintenance of that theme

                        1 Reply Last reply Reply Quote 4
                        • Lajos MészárosL
                          Lajos Mészáros
                          last edited by

                          Thank you for the detailed information! Since google showed this page as the first result for searching on template literals not looking good in notepad++ I thought this page is a bug tracker or something, which is hopefully read by the authors/maintainers of NPP. One of the key reasons I usually recommend people to install NPP on their devices is that it’s so useful and complete as is right out of the box without any tweaking. Having to fiddle around with the colors in the settings just to not have white text on the active line, which is also colored with white background is a bummer, but I guess the answer lies within your last paragraph. I’m usually sticking to all default settings, so that if I have to go to a different PC and install NPP I can start working immediately and not having to adjust stuff or load settings from a pendrive or a repository, etc.

                          PeterJonesP Alan KilbornA 2 Replies Last reply Reply Quote 0
                          • PeterJonesP
                            PeterJones @Lajos Mészáros
                            last edited by

                            @Lajos-Mészáros said in javascript back-tick quoted strings bad color:

                            I guess the answer lies within your last paragraph. I’m usually sticking to all default settings, so that if I have to go to a different PC and install NPP I can start working immediately and not having to adjust stuff or load settings from a pendrive or a repository, etc.

                            Interesting. You claim that you use the default settings, but I have never changed the styling for JavaScript STRINGRAW. The default setting is blue on a grey background for the STRINGRAW, with white background text. If you really mean, “default settings but change the theme”, then I’ll grant you that. But a fresh notepad++, out of the box, with no settings changes, has the styles I showed in my screenshot.

                            I just unzipped the portable v7.9.5-64bit downloaded via the official downloads page at https://notepad-plus-plus.org/downloads/v7.9.5/, which points to the zipfile at the official repository at https://github.com/notepad-plus-plus/notepad-plus-plus/releases/download/v7.9.5/npp.7.9.5.portable.x64.zip , and confirmed that blue-on-grey is default for STRINGRAW in the default stylers.xml, no theme selected.

                            1 Reply Last reply Reply Quote 3
                            • Alan KilbornA
                              Alan Kilborn @Lajos Mészáros
                              last edited by

                              @Lajos-Mészáros said in javascript back-tick quoted strings bad color:

                              Having to fiddle around with the colors in the settings just to not have white text on the active line, which is also colored with white background is a bummer,

                              Well, “bummers” in life exist. Perhaps consider how many positive things have come from your usage of N++, and reconsider how much of a bummer something like what you are talking about is.

                              But… unless you are going to provide more information, perhaps about what theme you are using (and BTW, if you are choosing a non-default theme you are “slowing yourself down” instead of getting to work “immediately” on a new PC), then I don’t think anyone is going to be able to help more than Peter already has.

                              I see the same results as Peter, that is, no issue. I even “scrolled thru” all of the themes that N++ offers in order to try and see the effect you are observing, and I can’t duplicate it. A trick to quickly evaluate all of the themes is to set up your conditions (in this case (backtick)test${1234}test(backtick) in a JavaScript file) and then open the Style Configurator and point to the Select theme: dropdown, and, here’s the key part: scroll the mouse wheel.

                              1 Reply Last reply Reply Quote 3
                              • First post
                                Last post
                              The Community of users of the Notepad++ text editor.
                              Powered by NodeBB | Contributors