ПО, в частности, разворачивающее код, записанный в одну строчку, а вообще делающее его удобным для восприятия человеком, называется 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, → Edit → Line → Reindent.
Подошёл плагин js-beautify. После его установки в файле, который необходимо отформатировать, следует нажать куда-нибудь правой кнопкой мыши и в выпадающем меню выбрать JavascriptBeautify. Код развернётся и обретёт красивый вид.
До:
После:
Спасибо.
Notepad++ открывает html документы в одну строчку. Как исправить?
- Подписаться на тему
- Сообщить другу
- Скачать/распечатать тему
|
|
|
|
Ребзя, помогите! Скачал Notepad++ 6,9 с официального сайта. Попытался открыть html документ, открывает, но в неудобочитаемом виде (нет разделения на строки, всё идет одним блоком, а фон подсвечен розовым). Прилагаю скриншот. Как сделать так, чтобы Notepad++ открывал документы, так как он и должен это делать, в удобочитаемом виде. То что есть сейчас редактировать просто невозможно.
|
Serafim |
|
|
Moderator Рейтинг (т): 79 |
Проблема в переносах строк. Весь мир сидит на n, нотпад пытается найти rn |
|
AVA12 |
|
|
Цитата Весь мир сидит на n Билл Гейтс смотрит грустно и с недоумением. Вообще странная ситуация — Notepad++ сам распознает и использует любой из трех форматов. Может, в файле переносов строк просто нет? Например, кто-то открыл файл с юниксовыми переносами в обычном блокноте и зачем-то сохранил файл. Или на сервере шаблоны такие кривые. Попробуй посмотреть файл в шестнадцатиричном виде (любой нормальный двухпанельный менеджер умеет) и поискать байты 0a и 0d. |
|
heavenlook |
|
|
Serafim, а это можно как-то исправить? |
|
Славян |
|
|
Цитата Serafim @ 22.04.16, 08:02 Весь мир сидит на n, нотпад пытается найти rn Мой 6.8.8 нормально переводит и случай когда только байты 0A. Цитата AVA12 @ 22.04.16, 11:03 Может, в файле переносов строк просто нет? Например, кто-то открыл файл с юниксовыми переносами в обычном блокноте и зачем-то сохранил файл. Скорее всего, их=переносов просто нет. |
|
heavenlook |
|
|
AVA12, посмотрел файл через тоттал-командер в шестнадцатиричном виде, но не нашел байты 0a и 0d. |
|
Славян |
|
|
Цитата heavenlook @ 21.04.16, 21:29 Как сделать так, чтобы Notepad++ открывал документы, так как он и должен это делать, в удобочитаемом виде. Можно выбрать команду «ПлагиныNppExportExport to HTML», но она не один-в-один сохранит, малость… |
|
heavenlook |
|
|
Славян, как думаешь, если установить 6.8.8 версию Notepad++ , проблема решится? Добавлено 22.04.16, 16:20 Цитата Славян @ 22.04.16, 16:14 Цитата heavenlook @ 21.04.16, 21:29 Можно выбрать команду «ПлагиныNppExportExport to HTML», но она не один-в-один сохранит, малость… Нет, не могу ничего менять в файле, т.к. он клиентский. Цитата heavenlook @ 21.04.16, 21:29 Можно выбрать команду «ПлагиныNppExportExport to HTML», но она не один-в-один сохранит, малость… Нет, не могу ничего менять в файле, т.к. он клиентский. |
|
Славян |
|
|
Цитата heavenlook @ 22.04.16, 16:15 как думаешь, если установить 6.8.8 версию Notepad++ , проблема решится? Думаю, что нет. Открывать он будет/должен всё равно «как есть». Как «заставить» показывать, выполняя некое задуманное преобразование, — не знаю. Добавлено 22.04.16, 16:30 |
|
heavenlook |
|
|
Славян, да, установил 6.8.8 версию Notepad++, и всё-равно открывает файл в одну строку. Попытался по вашему совету, раззбить на сторки, но все строки в одной куче, нет разделения на блоки и т.д. Вообщем, работать с файлом в таком состоянии просто невозможно. |
|
AVA12 |
|
|
Гм, у меня авторазбиение на строки на тестовом файлике не работает (а как должно работать?). Экспорт в HTML тупо экранирует текст и вставляет его в div. Нашел пока только одно работающее решение: открыть в браузере -> инструменты разработчика -> документы -> развернуть дерево -> выделить все -> скопировать и сохранить. |
|
heavenlook |
|
|
AVA12, ну вообще, до того как переустановил ось с windows xp на windows 10, в Notepad++ этот же документ открывался корректно. Т.е. так же с сервера скачивал этот html документ, и прекрасно открывал его в Notepad++, с переносами строк, блоками и подсветкой. А сейчас почему-то открывает в неудобочитаемом виде. Вот и ломаю голову, почему так происходит. По вашему совету открыл файл в браузере google hrome, далее перешел в инструменты разработчиков, и получил картину как на скриншоте. Куда дальше нажимать? Пункта «Документы» нигде не вижу. |
|
heavenlook |
|
|
Уважаемые форумчане, есть ещё какие-то идеи как решить проблему? |
|
Kray74 |
|
|
heavenlook, насколько я понял сервер отдает HTML одной строкой, так что баловаться с редакторами бесполезно. Ищи программы (или онлайн сервисы) для авто-форматирования HTML и прогоняй свой файл через них. |
Serafim |
|
|
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
9,480146 gold badges81 silver badges122 bronze badges
asked Jun 13, 2014 at 13:15
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
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)
- Use Ctrl+H to open quick find replace.
- 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)
- Type
s+
and a space ()
in the «find» and «replace with» boxes respectively. - Press Esc key to exit quick find/replace.
- 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:
- Ctrl+H (Open quick find/replace)
- Alt+A (Replace any occurrence of 1 or more White Spc chars with a single space.)
- Enter (Close the popup window that says «X Occurrences Found»)
- 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
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
answered Jun 12, 2021 at 13:50
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
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
- Hit
Ctrl+Shift+P - Join Lines
answered Dec 31, 2020 at 19:48
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
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
|
0 / 0 / 0 Регистрация: 11.04.2019 Сообщений: 27 |
|
|
1 |
|
|
14.04.2019, 18:17. Показов 5245. Ответов 6
style.css в одну строчку преобразовался, я его разбила на строки в блокноте. Как можно вернуть в нормальное состояние его? Миниатюры
0 |
|
dev — investigator 2148 / 1493 / 651 Регистрация: 16.04.2016 Сообщений: 3,696 |
|
|
14.04.2019, 18:29 |
2 |
|
Решениеzisclub, сюда залейте — http://beautifytools.com/css-beautifier.php
Теперь не могу и файл тот найти где прописывала CTRL+F в редакторе и по маске поиск
1 |
|
0 / 0 / 0 Регистрация: 11.04.2019 Сообщений: 27 |
|
|
14.04.2019, 18:30 [ТС] |
3 |
|
и по маске поиск это что такое,
0 |
|
dev — investigator 2148 / 1493 / 651 Регистрация: 16.04.2016 Сообщений: 3,696 |
|
|
14.04.2019, 18:31 |
4 |
|
zisclub, часть названия файла например
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,
сюда скопировать весь файл style.css? Да, он упорядочит Ваш код и придаст ему нужные пробелы
1 |
|
0 / 0 / 0 Регистрация: 11.04.2019 Сообщений: 27 |
|
|
14.04.2019, 19:04 [ТС] |
7 |
|
Спасибо большое.!!!! Миниатюры
0 |
|
IT_Exp Эксперт 87844 / 49110 / 22898 Регистрация: 17.06.2006 Сообщений: 92,604 |
14.04.2019, 19:04 |
|
7 |
На сайте с 21.10.2010
Offline
40
При разработке код всегда отформатирован разными сдвигами отступами, а так же имеет комментарии. То есть для его читабельности.
Есть ли какие-то онлайн ресурсы или другие варианты, чтобы отформатированный код с комментариями преобразовать в одну строку, удалив комментарии и ненужные пробелы/отступы?
FL
На сайте с 03.02.2004
Offline
128
Qest:
чтобы отформатированный код с комментариями преобразовать в одну строку, удалив комментарии и ненужные пробелы/отступы?
Смысл? На скорость исполнения это не влияет.
На сайте с 21.10.2010
Offline
40
На сайте с 05.01.2011
Offline
84
Qest:
UPD:
Ищется похожее на такое:
webtoolhub
Все это ерунда, как бы ты HTMLJS не хотел бы сделать менее читабельным, всегда найдутся средства которые сделают обратное. Открой те же инструменты разработчика в Opera. Там HTML всегда ровный в независимости от исходного состояния.
На сайте с 02.08.2008
Offline
218
FreeLancer:
Смысл? На скорость исполнения это не влияет.
а на объём трафика и скорость загрузки?
а делается все одной preg_replace буфера вывода…
show must go on !!!…
На сайте с 21.10.2010
Offline
40
DiAksID:
а делается все одной preg_replace буфера вывода…
Ну это грубо. Как в таком случае определить единичные пробелы которые лишние. Может у меня в тексте на странице есть единичные пробелы и я их всех удалю. Где >=2 впринципе можн и так.
К тому же что делать с комментариям.
На сайте с 02.08.2008
Offline
218
Qest:
Ну это грубо. Как в таком случае определить единичные пробелы которые лишние. Может у меня в тексте на странице есть единичные пробелы и я их всех удалю. Где >=2 впринципе можн и так.
К тому же что делать с комментариям.
всё можно сделать, хотя и не одним, а последовательность 3-х/4-х preg_replace. аккуратно и так как нужно кодеру: и форматированные участки можно защитить от изменения, а уж комменты всех видов вырезаются вообще без проблем (вопрос о них, мягко говоря, выглядит смешно).
ЗЫ: времени на то что бы включить мозг и отладить этот простенький алгоритм нужно значительно меньше чем дождаться здесь «подарка». хотя каждому своё…
На сайте с 21.10.2010
Offline
40
DiAksID:
всё можно сделать, хотя и не одним, а последовательность 3-х/4-х preg_replace. аккуратно и так как нужно кодеру: и форматированные участки можно защитить от изменения, а уж комменты всех видов вырезаются вообще без проблем (вопрос о них, мягко говоря, выглядит смешно).
ЗЫ: времени на то что бы включить мозг и отладить этот простенький алгоритм нужно значительно меньше чем дождаться здесь «подарка». хотя каждому своё…
Ну конечно, как у вас все просто. Раз два и все. Тут куча разных мелочей и факторов, к примеру код может быть смешанным, в одном файле и php и js и html. В Js к примеру в конце строки не обязательно ставить ;, а если в одну строку то должно быть. Не говоря уже о единичных пробелах. И если у тебя 100 файлов, я неделю буду их вручную делать так.
Конечно можно написать код который это будет делать, но зачем изобретать велосипед если возможно кто-то его уже написал.
Например как здесь.
На сайте с 02.08.2008
Offline
218
ёпрст 😂 ппц аргументы. смешной парень.
ладно, расслабитесь, за то что рассмешили держите minify. но имейте ввиду, что мозжечок напрячь придётся всё равно, так что если не готовы — можете по ссылке не ходить. да (!) и ошибки в синтаксисе за вас никто не исправит. ну и последнее — кода «в одну строку» не ждите, это универсальный инструмент по сборке мусора и сжатию кода, с APC работает вообще налету…
На сайте с 21.10.2010
Offline
40
DiAksID, господи, да откуда ж вас столько берется псевдогениев которые все знают. minify работает с JS и CSS файлами только, а речь идет по крайней мере о html,css,js,php как одно целое, следовательно не решает проблемы описанной выше (если код смешанный)
На сайте с 02.08.2008
Offline
218
Qest:
DiAksID, господи, да откуда ж вас столько берется псевдогениев которые все знают. minify работает с JS и CSS файлами только, а речь идет по крайней мере о html,css,js,php как одно целое
я же предупреждал, что включить мозжечок придётся 🙅 не зря, видимо. все скрипты там есть, где и как подключить их к обработке буфера вывода выясняйте сами.
да, и нахрена вам PHP то одной строкой, а ? может результат его выполнения сжать достаточно ? 😂 (это риторический вопрос, отвечать не надо)
удачи вообщем, в боевой и политической…




Image_1.jpg (83,91 Кбайт, скачиваний: 1442)





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

Не знала про такое.