Код в одну строчку как исправить

ПО, в частности, разворачивающее код, записанный в одну строчку, а вообще делающее его удобным для восприятия человеком, называется formatter или beautifier.

Общее решение для js

Online JavaScript beautifier. В сети можно отыскать и альтернативы, но лично меня и этот сервис полностью устраивает. Внизу по ссылке указан список formatter‘ов для браузеров, текстовых редакторов, IDE и т. д. — выбирайте в зависимости от того, чем Вы пользуетесь.

Решение для Sublime Text 3

На Stack Overflow рекомендуют плагин HTMLPrettify, (требуется предустановка платформы Node.js ), при использовании которого у меня не возникало проблем с .html и .css; а вот некоторые .js, а именно файлы шрифтов, внедрённых через Cufón, плагин отказывался правильно форматировать. Не разворачивает js и встроенное в Sublime Text 3 средство: выделяем текст, нажав Ctrl + A, → EditLineReindent.

Подошёл плагин js-beautify. После его установки в файле, который необходимо отформатировать, следует нажать куда-нибудь правой кнопкой мыши и в выпадающем меню выбрать JavascriptBeautify. Код развернётся и обретёт красивый вид.

До:

js-код до обработки js-beautify

После:

js-код после обработки js-beautify

Спасибо.

>
Notepad++ открывает html документы в одну строчку. Как исправить?

  • Подписаться на тему
  • Сообщить другу
  • Скачать/распечатать тему



Сообщ.
#1

,
21.04.16, 21:29

    Ребзя, помогите! Скачал Notepad++ 6,9 с официального сайта. Попытался открыть html документ, открывает, но в неудобочитаемом виде (нет разделения на строки, всё идет одним блоком, а фон подсвечен розовым). Прилагаю скриншот. Как сделать так, чтобы Notepad++ открывал документы, так как он и должен это делать, в удобочитаемом виде. То что есть сейчас редактировать просто невозможно.


    Прикреплённый файлПрикреплённый файлImage_1.jpg (83,91 Кбайт, скачиваний: 1442)

    Profi

    Serafim



    Сообщ.
    #2

    ,
    22.04.16, 08:02

      Moderator

      *****

      Рейтинг (т): 79

      Проблема в переносах строк. Весь мир сидит на n, нотпад пытается найти rn


      AVA12



      Сообщ.
      #3

      ,
      22.04.16, 11:03

        Цитата

        Весь мир сидит на n

        Билл Гейтс смотрит грустно и с недоумением.

        Вообще странная ситуация — Notepad++ сам распознает и использует любой из трех форматов. Может, в файле переносов строк просто нет? Например, кто-то открыл файл с юниксовыми переносами в обычном блокноте и зачем-то сохранил файл. Или на сервере шаблоны такие кривые. Попробуй посмотреть файл в шестнадцатиричном виде (любой нормальный двухпанельный менеджер умеет) и поискать байты 0a и 0d.


        heavenlook



        Сообщ.
        #4

        ,
        22.04.16, 15:24

          Serafim, а это можно как-то исправить?


          Славян



          Сообщ.
          #5

          ,
          22.04.16, 16:05

            Цитата Serafim @ 22.04.16, 08:02

            Весь мир сидит на n, нотпад пытается найти rn

            Мой 6.8.8 нормально переводит и случай когда только байты 0A. :whistle:

            Цитата AVA12 @ 22.04.16, 11:03

            Может, в файле переносов строк просто нет? Например, кто-то открыл файл с юниксовыми переносами в обычном блокноте и зачем-то сохранил файл.

            Скорее всего, их=переносов просто нет. :yes-sad:


            heavenlook



            Сообщ.
            #6

            ,
            22.04.16, 16:12

              AVA12, посмотрел файл через тоттал-командер в шестнадцатиричном виде, но не нашел байты 0a и 0d.


              Славян



              Сообщ.
              #7

              ,
              22.04.16, 16:14

                Цитата heavenlook @ 21.04.16, 21:29

                Как сделать так, чтобы Notepad++ открывал документы, так как он и должен это делать, в удобочитаемом виде.

                Можно выбрать команду «ПлагиныNppExportExport to HTML», но она не один-в-один сохранит, малость… :blush:


                heavenlook



                Сообщ.
                #8

                ,
                22.04.16, 16:15

                  Славян, как думаешь, если установить 6.8.8 версию Notepad++ , проблема решится?

                  Добавлено 22.04.16, 16:20

                  Цитата Славян @ 22.04.16, 16:14

                  Цитата heavenlook @ 21.04.16, 21:29

                  Можно выбрать команду «ПлагиныNppExportExport to HTML», но она не один-в-один сохранит, малость… :blush:

                  Нет, не могу ничего менять в файле, т.к. он клиентский.

                  Цитата heavenlook @ 21.04.16, 21:29

                  Можно выбрать команду «ПлагиныNppExportExport to HTML», но она не один-в-один сохранит, малость… :blush:

                  Нет, не могу ничего менять в файле, т.к. он клиентский.


                  Славян



                  Сообщ.
                  #9

                  ,
                  22.04.16, 16:26

                    Цитата heavenlook @ 22.04.16, 16:15

                    как думаешь, если установить 6.8.8 версию Notepad++ , проблема решится?

                    Думаю, что нет. Открывать он будет/должен всё равно «как есть». Как «заставить» показывать, выполняя некое задуманное преобразование, — не знаю. :no-sad:

                    Добавлено 22.04.16, 16:30
                    П.С. собственно, 6.8.8 тоже не решает вашу задачу, т.к. и он откроет всё длинной строкой, а покажет как надо токмо опосля преобразования. Попробуйте нажать Ctrl+I — операция разбить строки. ;)


                    heavenlook



                    Сообщ.
                    #10

                    ,
                    22.04.16, 17:24

                      Славян, да, установил 6.8.8 версию Notepad++, и всё-равно открывает файл в одну строку. Попытался по вашему совету, раззбить на сторки, но все строки в одной куче, нет разделения на блоки и т.д. Вообщем, работать с файлом в таком состоянии просто невозможно.


                      AVA12



                      Сообщ.
                      #11

                      ,
                      22.04.16, 17:45

                        Гм, у меня авторазбиение на строки на тестовом файлике не работает (а как должно работать?). Экспорт в HTML тупо экранирует текст и вставляет его в div. Нашел пока только одно работающее решение: открыть в браузере -> инструменты разработчика -> документы -> развернуть дерево -> выделить все -> скопировать и сохранить.


                        heavenlook



                        Сообщ.
                        #12

                        ,
                        22.04.16, 18:25

                          AVA12, ну вообще, до того как переустановил ось с windows xp на windows 10, в Notepad++ этот же документ открывался корректно. Т.е. так же с сервера скачивал этот html документ, и прекрасно открывал его в Notepad++, с переносами строк, блоками и подсветкой. А сейчас почему-то открывает в неудобочитаемом виде. Вот и ломаю голову, почему так происходит.

                          По вашему совету открыл файл в браузере google hrome, далее перешел в инструменты разработчиков, и получил картину как на скриншоте. Куда дальше нажимать? Пункта «Документы» нигде не вижу.

                          Прикреплённый файлПрикреплённый файлbchv.jpg (20,05 Кбайт, скачиваний: 1336)


                          heavenlook



                          Сообщ.
                          #13

                          ,
                          25.04.16, 22:14

                            Уважаемые форумчане, есть ещё какие-то идеи как решить проблему?


                            Kray74



                            Сообщ.
                            #14

                            ,
                            26.04.16, 12:21

                              heavenlook, насколько я понял сервер отдает HTML одной строкой, так что баловаться с редакторами бесполезно. Ищи программы (или онлайн сервисы) для авто-форматирования HTML и прогоняй свой файл через них.

                              Profi

                              Serafim



                              Сообщ.
                              #15

                              ,
                              26.04.16, 19:49

                                Moderator

                                *****

                                Рейтинг (т): 79

                                Любая IDE это запросто делает. Взять к примеру WebStormPhpStorm: Ctrl + Alt + Shift + L

                                0 пользователей читают эту тему (0 гостей и 0 скрытых пользователей)

                                0 пользователей:

                                • Предыдущая тема
                                • HTML, CSS
                                • Следующая тема

                                [ Script execution time: 0,0385 ]   [ 18 queries used ]   [ Generated: 24.05.23, 21:50 GMT ]  

                                Is there a keyboard shortcut or fast way to change the code below to a single line in Visual Studio 2013? I also have ReSharper installed.

                                Multi

                                new XElement("Option",
                                            new XAttribute("Name", "FileDelete"),
                                            "1"
                                        ),
                                

                                Single

                                new XElement("Option", new XAttribute("Name", "FileDelete"),"1" ),
                                

                                Pang's user avatar

                                Pang

                                9,480146 gold badges81 silver badges122 bronze badges

                                asked Jun 13, 2014 at 13:15

                                Mike Flynn's user avatar

                                Mike FlynnMike Flynn

                                22.3k52 gold badges181 silver badges337 bronze badges

                                Just select all the text

                                and press (control + j)

                                and it will become 1 line of code

                                answered Nov 4, 2017 at 8:35

                                vikas aggarwal's user avatar

                                3

                                I setup find/replace for quick use with a regex expression like so:

                                (note: I use VS 2015, so your hotkeys may be different)

                                1. Use Ctrl+H to open quick find replace.
                                2. Make sure the «Use Regular Expressions» button is active/toggled-on, and that you are set to search in «Selection» (Not «Document» or «Entire Solution» or whatever)
                                3. Type
                                  s+
                                  and a space ()
                                  in the «find» and «replace with» boxes respectively.
                                4. Press Esc key to exit quick find/replace.
                                5. Now, as long as you don’t change anything, you can select any text you want to make single line, and use the following hotkey sequence to quickly format it:
                                  1. Ctrl+H (Open quick find/replace)
                                  2. Alt+A (Replace any occurrence of 1 or more White Spc chars with a single space.)
                                  3. Enter (Close the popup window that says «X Occurrences Found»)
                                  4. Esc (Exit quick find/replace and return to your code)

                                I use this all the time after visual studio does things like implementing interfaces to turn stuff like

                                public SomeType SomeProperty {
                                    get {
                                        throw new NotImplementedException();
                                    }
                                    set {
                                        throw new NotImplementedException();
                                    }
                                }
                                

                                into stuff like

                                public SomeType SomeProperty { get { return someField; } set { /*Some Simple Set Code*/; } }
                                

                                answered Oct 25, 2016 at 17:01

                                Perrin Larson's user avatar

                                2

                                For VS2019, default binding is set to Shift + Alt + L + J

                                Or you could rebind this to something else by going to Tools -> Options -> Keyboard -> search for 'join'

                                Rebind Edit.JoinLines action to something like (Text Editor) Ctrl + J then press Assign

                                enter image description here

                                answered Jun 12, 2021 at 13:50

                                Wappenull's user avatar

                                WappenullWappenull

                                1,14113 silver badges18 bronze badges

                                2

                                To make it with ReSharper, you should uncheck the option «Keep existing line breaks» in ReSharper/Options/Code Editing/C#/Formatting style/Line Breaks and Wrapping.

                                Or just add this line into your .dotSettings

                                <s:Boolean x:Key="/Default/CodeStyle/CodeFormatting/CSharpFormat/KEEP_USER_LINEBREAKS/@EntryValue">False</s:Boolean>
                                

                                Then you could format your code using Code Cleanup Tool (default shortcut is Ctrl+Alt+F) or just by typing semicolons or braces.

                                answered Oct 8, 2014 at 19:23

                                Alexander Ponomarev's user avatar

                                For me doing Ctrl + J opens the Linux terminal and does not format multiple lines to one line.

                                This is the fastest way on Linux

                                1. Hit Ctrl + Shift + P
                                2. Join Lines

                                answered Dec 31, 2020 at 19:48

                                Grogu's user avatar

                                GroguGrogu

                                2,03715 silver badges30 bronze badges

                                You can change your VS settings to automatically format code in whatever way you want, then select and retype any line/block-ending character (‘;’ or ‘}’) after the text you want formatted and VS will format it for you.

                                answered Feb 24, 2018 at 21:03

                                dynamichael's user avatar

                                dynamichaeldynamichael

                                7978 silver badges9 bronze badges

                                You can accomplish this using CodeMaid. The default keybinding is F3, but the command is called CodeMaid.JoinLines if you want to change it

                                answered Oct 24, 2018 at 15:33

                                Daniel Everland's user avatar

                                0 / 0 / 0

                                Регистрация: 11.04.2019

                                Сообщений: 27

                                1

                                14.04.2019, 18:17. Показов 5245. Ответов 6


                                Студворк — интернет-сервис помощи студентам

                                style.css в одну строчку преобразовался, я его разбила на строки в блокноте. Как можно вернуть в нормальное состояние его?
                                Неделю назад я прописывала новый шрифт, и не дописала одну букву в его названии. Теперь не могу и файл тот найти где прописывала и с этим беда произошла.

                                Миниатюры

                                Style.css в одну строчку преобразовался
                                 



                                0



                                dev — investigator

                                Эксперт JSЭксперт HTML/CSS

                                2148 / 1493 / 651

                                Регистрация: 16.04.2016

                                Сообщений: 3,696

                                14.04.2019, 18:29

                                2

                                Лучший ответ Сообщение было отмечено zisclub как решение

                                Решение

                                zisclub, сюда залейте — http://beautifytools.com/css-beautifier.php
                                Это бьютифер.

                                Цитата
                                Сообщение от zisclub
                                Посмотреть сообщение

                                Теперь не могу и файл тот найти где прописывала

                                CTRL+F в редакторе и по маске поиск



                                1



                                0 / 0 / 0

                                Регистрация: 11.04.2019

                                Сообщений: 27

                                14.04.2019, 18:30

                                 [ТС]

                                3

                                Цитата
                                Сообщение от Qwerty_Wasd
                                Посмотреть сообщение

                                и по маске поиск

                                это что такое,



                                0



                                dev — investigator

                                Эксперт JSЭксперт HTML/CSS

                                2148 / 1493 / 651

                                Регистрация: 16.04.2016

                                Сообщений: 3,696

                                14.04.2019, 18:31

                                4

                                zisclub, часть названия файла например
                                нажмите сейчас CTRL+F в браузере, появится строка поиска, находясь в этой теме, начните вводить любое слово….. в общем разберетесь



                                0



                                0 / 0 / 0

                                Регистрация: 11.04.2019

                                Сообщений: 27

                                14.04.2019, 18:37

                                 [ТС]

                                5



                                0



                                278 / 272 / 106

                                Регистрация: 12.01.2016

                                Сообщений: 1,666

                                14.04.2019, 18:40

                                6

                                zisclub,

                                Цитата
                                Сообщение от zisclub
                                Посмотреть сообщение

                                сюда скопировать весь файл style.css?

                                Да, он упорядочит Ваш код и придаст ему нужные пробелы



                                1



                                0 / 0 / 0

                                Регистрация: 11.04.2019

                                Сообщений: 27

                                14.04.2019, 19:04

                                 [ТС]

                                7

                                Спасибо большое.!!!! Не знала про такое.
                                отформатировал, но ошибок много и какая то беда там в нескольких местах

                                Миниатюры

                                Style.css в одну строчку преобразовался
                                 



                                0



                                IT_Exp

                                Эксперт

                                87844 / 49110 / 22898

                                Регистрация: 17.06.2006

                                Сообщений: 92,604

                                14.04.2019, 19:04

                                7

                                Qest

                                На сайте с 21.10.2010

                                Offline

                                40

                                При разработке код всегда отформатирован разными сдвигами отступами, а так же имеет комментарии. То есть для его читабельности.

                                Есть ли какие-то онлайн ресурсы или другие варианты, чтобы отформатированный код с комментариями преобразовать в одну строку, удалив комментарии и ненужные пробелы/отступы?

                                FL

                                На сайте с 03.02.2004

                                Offline

                                128

                                Qest:
                                чтобы отформатированный код с комментариями преобразовать в одну строку, удалив комментарии и ненужные пробелы/отступы?

                                Смысл? На скорость исполнения это не влияет.

                                Qest

                                На сайте с 21.10.2010

                                Offline

                                40

                                DavyJohnes

                                На сайте с 05.01.2011

                                Offline

                                84

                                Qest:
                                UPD:

                                Ищется похожее на такое:

                                webtoolhub

                                Все это ерунда, как бы ты HTMLJS не хотел бы сделать менее читабельным, всегда найдутся средства которые сделают обратное. Открой те же инструменты разработчика в Opera. Там HTML всегда ровный в независимости от исходного состояния.

                                DiAksID

                                На сайте с 02.08.2008

                                Offline

                                218

                                FreeLancer:
                                Смысл? На скорость исполнения это не влияет.

                                а на объём трафика и скорость загрузки?

                                а делается все одной preg_replace буфера вывода…

                                show must go on !!!…

                                Qest

                                На сайте с 21.10.2010

                                Offline

                                40

                                DiAksID:

                                а делается все одной preg_replace буфера вывода…

                                Ну это грубо. Как в таком случае определить единичные пробелы которые лишние. Может у меня в тексте на странице есть единичные пробелы и я их всех удалю. Где >=2 впринципе можн и так.

                                К тому же что делать с комментариям.

                                DiAksID

                                На сайте с 02.08.2008

                                Offline

                                218

                                Qest:
                                Ну это грубо. Как в таком случае определить единичные пробелы которые лишние. Может у меня в тексте на странице есть единичные пробелы и я их всех удалю. Где >=2 впринципе можн и так.

                                К тому же что делать с комментариям.

                                всё можно сделать, хотя и не одним, а последовательность 3-х/4-х preg_replace. аккуратно и так как нужно кодеру: и форматированные участки можно защитить от изменения, а уж комменты всех видов вырезаются вообще без проблем (вопрос о них, мягко говоря, выглядит смешно).

                                ЗЫ: времени на то что бы включить мозг и отладить этот простенький алгоритм нужно значительно меньше чем дождаться здесь «подарка». хотя каждому своё…

                                Qest

                                На сайте с 21.10.2010

                                Offline

                                40

                                DiAksID:
                                всё можно сделать, хотя и не одним, а последовательность 3-х/4-х preg_replace. аккуратно и так как нужно кодеру: и форматированные участки можно защитить от изменения, а уж комменты всех видов вырезаются вообще без проблем (вопрос о них, мягко говоря, выглядит смешно).

                                ЗЫ: времени на то что бы включить мозг и отладить этот простенький алгоритм нужно значительно меньше чем дождаться здесь «подарка». хотя каждому своё…

                                Ну конечно, как у вас все просто. Раз два и все. Тут куча разных мелочей и факторов, к примеру код может быть смешанным, в одном файле и php и js и html. В Js к примеру в конце строки не обязательно ставить ;, а если в одну строку то должно быть. Не говоря уже о единичных пробелах. И если у тебя 100 файлов, я неделю буду их вручную делать так.

                                Конечно можно написать код который это будет делать, но зачем изобретать велосипед если возможно кто-то его уже написал.

                                Например как здесь.

                                DiAksID

                                На сайте с 02.08.2008

                                Offline

                                218

                                ёпрст 😂 ппц аргументы. смешной парень.

                                ладно, расслабитесь, за то что рассмешили держите minify. но имейте ввиду, что мозжечок напрячь придётся всё равно, так что если не готовы — можете по ссылке не ходить. да (!) и ошибки в синтаксисе за вас никто не исправит. ну и последнее — кода «в одну строку» не ждите, это универсальный инструмент по сборке мусора и сжатию кода, с APC работает вообще налету…

                                Qest

                                На сайте с 21.10.2010

                                Offline

                                40

                                DiAksID, господи, да откуда ж вас столько берется псевдогениев которые все знают. minify работает с JS и CSS файлами только, а речь идет по крайней мере о html,css,js,php как одно целое, следовательно не решает проблемы описанной выше (если код смешанный)

                                DiAksID

                                На сайте с 02.08.2008

                                Offline

                                218

                                Qest:
                                DiAksID, господи, да откуда ж вас столько берется псевдогениев которые все знают. minify работает с JS и CSS файлами только, а речь идет по крайней мере о html,css,js,php как одно целое

                                я же предупреждал, что включить мозжечок придётся 🙅 не зря, видимо. все скрипты там есть, где и как подключить их к обработке буфера вывода выясняйте сами.

                                да, и нахрена вам PHP то одной строкой, а ? может результат его выполнения сжать достаточно ? 😂 (это риторический вопрос, отвечать не надо)

                                удачи вообщем, в боевой и политической…

                                Понравилась статья? Поделить с друзьями:

                                Не пропустите также:

                              • Как в эксель найти ячейку по номеру
                              • Как найти атмосферное давление в колбе
                              • Как найти взаимную индуктивность двух катушек
                              • Ошибка binkw32 dll как исправить в игре
                              • Как исправить лингвистику

                              • 0 0 голоса
                                Рейтинг статьи
                                Подписаться
                                Уведомить о
                                guest

                                0 комментариев
                                Старые
                                Новые Популярные
                                Межтекстовые Отзывы
                                Посмотреть все комментарии