Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » В помощь вебмастеру » HTML-редакторы

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

Открыть новую тему     Написать ответ в эту тему

Svarga

Moderator
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
HTML-редакторы

Внимание! По редакторам все вопросы/обсуждения, не связанные напрямую с созданием сайтов/написанием кода, только в Программах в соответствующих темах!
 
> Тема по софту для вебмастеров
> старая тема по редакторам.
 
Macromedia Dreamweaver (сайт, смотреть, extentions) — один из лучших редакторов. Имеются возможности: одновременного просмотра кода и дизайна страницы, проверки правильности ссылок по всему сайту, синхронизации локальных и удалённых файлов, подсказки/автодополнение для HTML-тэгов и атрибутов (только в MX-версии), удобные поиск/замена (обработка многострочного текста/кода, замена по рег.выражениям, множество операций с отдельными тэгами/атрибутами и т.д.). На офф.сайте  имеется множество как бесплатных, так и коммерческих плагинов (extentions), доступных для скачивания.
 обсуждение Macromedia Dreamweaver / FAQ по Macromedia Dreamweaver
 
RJ TextEd
бесплатный, быстрый, простой и навороченный одновременно
 
Brackets
Едитор/Editor бесплатный, быстрый и простой одновременно ( Windows, MAC OS & Debian )
 
AkelPad - текстовый редактор с открытым исходным кодом, созданный, чтобы быть маленьким и быстрым.
 
 
SciTE [GPL (free)]-- возможность "сворачивания" (folding) частей кода, экспорт файлов с сохранением подсветки кода в HTML, PDF, RTF, возможность подключения библиотеки с подсказками для автодополнения по разным языкам...
 
Aditor (смотреть, схемы подсветки кода)-- Несмотря на то, что редактор не обновлялся с 1999 года, он остаётся одним из наиболее удобных простых текстовых редакторов. Возможности: замена в т.ч. по рег.выражениям, в т.ч. по всем открытым документам (хоть и нет возможности производить многострочную замену и др. дримвиверных "фич", но замена производится значительно быстрее, чем в Dreamweaver'e), одновременная работа с несколькими документами внутри одного окна прогараммы, автосохранение резервных копий редактируемых файлов, экспорт подсвеченного кода в HTML, перекодирование документов и изменение регистра выделенной части текста  и мн. др.
 
HomeSite-- текстовый HTML-редактор [куплен компанией Macromedia (версии 5+) у компании Allaire (версии 4.5- )]
 
1st page 2000 [free] (сайт, страница с зеркалами для скачивания)-- текстовый редактор, помимо прочих полезностей,  включает библиотеку из более чем 450 Javascript‘ов, готовых для вставки на страницу.
 
VIM [free] (сайт)-- "VI IMproved"-- редактор на базе Vi: возможность "вытаскивания" меню и использования их как плавающих панелей,  схемы подсветки синтаксиса для огромного количества языков, настраиваемый backup для редактируемых файлов и мн. др. Имеются версии для многих платформ, возможность использовать как версию с интерфейсом, так и консольный режим.
 
HTML Kit (сайт, смотреть)  
 
EditPlus  (сайт, смотреть)-- текстовый редактор для HTML, Perl, C++ и др. Имеется возможность создания пользовательских схем подсвечивания кода для любого языка, предпросмотр HTML во встроенном ИЕ, автодополнение кода и т.д.
 
EditPro (сайт, смотреть)--
Цитата:
...позволяет одновременно редактировать несколько файлов неограниченного размера. Подсветка синтаксиса для HTML, Perl, CSS ... Поддерживает проекты, пользовательские инструменты... Неограниченное Undo/Redo, поиск/поиск в файлах/замена, закладки (bookmarks и favorites), история действий, печать, импорт/экспорт HTML и RTF и т.д.  

 
AceHTML Pro-- текстовый редактор с возможностью предпросмотра во втроенном ИЕ, автодополнение для тэгов и  удобная панель для редактирования/вставки атрибутов; поддерживает проекты.
 
СuteHTML (+ CuteFTP)  
 
UltraEdit (сайт)
 
NamoWebEditor  
 
TigerPad (сайт, прочесть read_me) — блокнот, намного более удобный для работы, чем стандартный блокнот Windows.  
Знает/правит кодировки/раскладки/теги/мат/RTFM.... Примеры DHTML,JS, подсветка/форматирование/мультипоиск/замена/шаблоны..... При этом не надо инсталить, размер-~700K (инфа © bredonosec)

 
WinVi [free] (сайт)-- версия под виндовз известного никсового текстового редактора Vi: нумерация строк, возможность замены по рег. выражениям, тж. есть возможность редактирования в HEX-режиме, но к HTML это уже не имеет никакого отношения , нет подсветки кода.
 
EmEditor (сайт)-- возможность замены по нескольким файлам, в т.ч. и по рег.выражениям...
 
Far (плагины для подсветки кода, плагин для поддержки SSH, плагин для поддержки работы с ФТП через прокси-сервер, докачки, FXP)-- что о нём говорить? Far-- он и в Африке Far..
 
CoffeeCup (сайт, зеркала для скачивания, смотреть) --встроенный редактор для создания DHTML-меню (о качестве кода не будем ), имеются готовые шаблоны, скрипты, графика, менеджер сайта, встроенная утилита для нарезки картинок, ФТП-клиент.
 
TopStyle Pro (сайт, смотреть)
 
HTML Writerрусский текстовый HTML-редактор
 
HtmlPad FishermanЕщё один очень неплохой русский текстовый HTML-редактор с тонкой настройкой  

 
HTMLReaderHTML-редактор (текстовый+WYSIWYG)  
 
 
PSPad editor (ПСПад редактор) - бесплатный текстовый редактор для программистов. Рекомендуется к употреблению людям, которые:
работают одновременно с разными языками программирования;
предпочитают подсвеченный исходный код;
умеют и любят пользоваться клавиатурой;
мечтают о маленьком инструменте с простым управлением и мощными возможностями редактора кода;
подыскивают инструмент для работы с тестом plain text;
хотят пользоваться профессиональным инструментом, не платить денег, и при этом не воровать!

 
TEditтекстовый редактор
 
SA HTML Editorпростой текстовый редактор
 
Notepad (win: start>run>notepad или пуск>выполнить>notepad )
 
GridinSoft Notepad (сайт, скачать из файлового архива) — Windows 9x/NT/2000/XP, freeware, 742 kb, zip.
Автор
: DeDok
Цитата:
Предназначен для людей, которым не хватает функциональных возможностей стандартного блокнота Windows. Подсветка синтаксиса для более 25 форматов (HTML, ASP, PHP, Perl, Pascal, C++, и др.). Есть возможность предварительного просмотра перед печатью, закладки.

 
NVU - визуальный (WYSIWYG) HTML редактор. стоит присмотреться.
 
Web Development Studio
 
Frontpage --  лучший редактор для продвинутых домохозяек
 
Blumentals Rapid CSS Editor - программа для изменения существующих и создания новых каскадных таблиц стилей (CSS). Обладает большим количеством специально заготовленных шаблонов, с помощью которых можно быстрее создавать каскадные таблицы стилей. Вы сможете написать код каскадной таблицы стилей вручную, либо предоставить это сделать данной программе. Результат работы можно оценить с помощью функции предварительного просмотра.
Blumentals Rapid CSS Editor в Варезнике


<!--  под Линукс: -->
 
~ BlueFish (сайт)
~ KWrite/Kate (сайт)-- нумерация строк, подсветка кода
~ VIM (сайт)
~ Quanta Plus (сайт)-- под KDE,
Цитата:
easyman: " проекты она поддерживает, теги она вставляет, мастера картинок там таблиц, поддержка пхп вроде есть, фейс похож на эдит плюс, но возможностей вроде больше."

~ Gedit (Gnome)
~ Nedit
~ CodeCommander
~ Gnotepad
~ vi, emacs, pico, joe, fte (консоль)
 
* Редактирование страниц в CP1251 под Linux'oм
 


<!-- Разное: -->
Gradient 1.0 (сайт) — утилита для создания градиентного текста в HTML


<!-- Другие редакторы: -->
 
http://directory.google.com/Top/Computers/Software/Internet/Authoring/HTML/WYSIWYG_Editors/
http://directory.google.com/Top/Computers/Software/Freeware/Editors/HTML/
http://download.com.com/3150-2048-0.html?tag=dir
 
 
<!-- Дополнительно: -->
 
* В Нетскейпах/Мозилле имеется встроенный HTML-редактор (WYSIWYG и текстовый)
* Как превратить MSIE 4+ в простейший WYSIWYG-редактор (рецепт)
* HTML Search and Replace  (сайт, смотреть)-- программа позволяет производить поиск и замену внутри группы HTML-документов.
 
* Тема по скриптам для редактирования/создания HTML-кода  из браузера
* Тема по текстовым редакторам
* Тема по HTML-редакторам в Программах


Всего записей: 4161 | Зарегистр. 25-06-2002 | Отправлено: 21:18 02-06-2003 | Исправлено: vs6262, 04:45 27-11-2018
GEGEMON



BANNED
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
добавил в шапку Blumentals Rapid CSS Editor

Всего записей: 2820 | Зарегистр. 07-02-2006 | Отправлено: 17:35 26-11-2018
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
добавил в шапку  Brackets Editor

Всего записей: 2234 | Зарегистр. 25-02-2013 | Отправлено: 04:41 27-11-2018
GEGEMON



BANNED
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Brackets я так понял не умеет с фтп открывать файлы или не увидел где?

Всего записей: 2820 | Зарегистр. 07-02-2006 | Отправлено: 03:57 01-12-2018
Rapunzi



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Привет всем!
 
<div style="width:555px;background-color:black; color:white;">
 
<div style="visibility: hidden;"><span style="font-size: 6px;">абзац</span></div>
 
<div style="margin-left:25px;margin-right:26px;">
 
 
<span style="font-size:26px;">Абардин Александр </span>
<span style="font-size:16px;">&laquo;Без компромиссов&raquo; </span>
<span style="font-size:12px;">Ахунг! ахтунг! мутанты атакують!!!! </span>
 
 
 
 
<span style="font-size:26px;">Аксенов Даниил </span>
<span style="font-size:16px;">&laquo;Проект &quot;Справедливость&quot;&raquo; </span>
<span style="font-size:12px;">&quot;,,,,,,,странно, ее звали  
Лимба - такие у них имена&quot; </span>
 
Как и чем, чтобы не вручную удалить весь html - оставив лишь простой текст*

----------
Пожалуйста ЛЮДИ выкладывайте скриншоты и в черной теме тоже - так лучше видно!!!
https://www.upload.ee/thumb/11004571/2020-01-09_141745.jpg

Всего записей: 702 | Зарегистр. 20-01-2017 | Отправлено: 15:55 25-01-2020
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Rapunzi
полно сайтов, к примеру - https://www.striphtml.com/
http://www.unit-conversion.info/texttools/strip-tags/

Всего записей: 15589 | Зарегистр. 20-09-2014 | Отправлено: 17:20 25-01-2020 | Исправлено: Mavrikii, 17:21 25-01-2020
Rapunzi



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
поди с регистрацией
 
 
Добавлено:
Mavrikiiубирает код - да
а как с абзацами-то?
 
 
Добавлено:
и междустрочное пространство где?
 
Добавлено:
https://yadi.sk/d/rClJN3T0Vxa_nA
некоторая часть кода все равно остается!
Как ее убрать? значки перед названием и после !


----------
Пожалуйста ЛЮДИ выкладывайте скриншоты и в черной теме тоже - так лучше видно!!!
https://www.upload.ee/thumb/11004571/2020-01-09_141745.jpg

Всего записей: 702 | Зарегистр. 20-01-2017 | Отправлено: 15:32 26-01-2020
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Rapunzi

Цитата:
а как с абзацами-то?

в html нет такого понятия.
 

Цитата:
некоторая часть кода все равно остается!

html сущности не относятся к html коду - это способ кодировки текста.
https://mothereff.in/html-entities
 
ps: тут сделают все сразу - https://www.textfixer.com/html/html-to-text.php

Всего записей: 15589 | Зарегистр. 20-09-2014 | Отправлено: 17:27 26-01-2020 | Исправлено: Mavrikii, 17:42 26-01-2020
data man



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
Как и чем, чтобы не вручную удалить весь html - оставив лишь простой текст


Код:
pandoc my.html --to=plain -o my.txt


----------
Любой достаточно развитый тролль неотличим от подлинно помешанного на какой-либо идее.
Кекс. Антибиотики. Ламбада.

Всего записей: 1696 | Зарегистр. 13-10-2005 | Отправлено: 17:40 26-01-2020
vgsav

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Коллеги, получил безумный код копируя с сайта , как очистить это безумие сохранив формат?  
 
<font rwr="1" size="4" style="font-family:Arial"><div style="box-sizing: content-box; margin: 0px; padding: 15px 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; line-height: inherit; font-family: Roboto; vertical-align: top; background-color: rgb(255, 255, 255);"><div id="5v2rm" style="color: rgb(51, 51, 51); font: inherit; box-sizing: content-box; margin: 0px; padding: 10px 0px; border: 0px; vertical-align: top;"><div data-section="AliMaya-opme6" data-section-title="Product Description" id="ali-anchor-AliMaya-opme6" data-spm-anchor-id="a2700.details.pronpeci14.i0.3204195220hENh" style="box-sizing: content-box; margin: 0px; padding: 8px 0px 4px; border-width: 0px 0px 2px; border-top-style: initial; border-right-style: initial; border-bottom-style: solid; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: rgb(83, 100, 122); border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 20px; line-height: 1; font-family: inherit; vertical-align: baseline; border-radius: 3px 3px 0px 0px; color: rgb(83, 100, 122);">Product Description</div></div><div style="font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; box-sizing: content-box; margin: 0px -4px; padding: 10px 0px; border: 0px; vertical-align: top;"><div style="font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; box-sizing: border-box; margin: -4px 0px; padding: 0px 4px; border: 0px; vertical-align: top;"><div id="3d6dm" style="color: rgb(51, 51, 51); font: inherit; box-sizing: border-box; margin: 0px; padding: 4px 0px; border: 0px; vertical-align: top;"><h3 style="box-sizing: content-box; margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: 20px; font-family: inherit; vertical-align: baseline;">deco mural wall paper, non-woven base with vinyl textured cover&nbsp;<font size="4" style="box-sizing: content-box;"><br style="box-sizing: content-box;"><br style="box-sizing: content-box;"></font></h3></div><div id="rlhpt" style="font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; box-sizing: border-box; margin: 0px; padding: 4px 0px; border: 0px; vertical-align: top;"><p style="font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; box-sizing: content-box; margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;"><font style="box-sizing: content-box;" size="5" color="#ff0010"><b style="">Nonwoven base with textured vinil cover,&nbsp;</b></font></p><p style="font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; box-sizing: content-box; margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;"><font style="box-sizing: content-box;" size="5" color="#ff0010"><b style="">total image size: 400 x 270 cm (width x height). Cardboard tube paking</b></font><br style="box-sizing: content-box;"></p><p style="color: rgb(51, 51, 51); font: inherit; box-sizing: content-box; margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;"><font size="3" style="box-sizing: content-box;"><br style="box-sizing: content-box;"></font></p><p style="color: rgb(51, 51, 51); font: inherit; box-sizing: content-box; margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;"><span style="box-sizing: content-box; font-weight: 700;"><font size="4" style="box-sizing: content-box;"><u

Всего записей: 22 | Зарегистр. 11-10-2010 | Отправлено: 14:24 08-04-2020
vlad1302



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
vgsav

Цитата:
как очистить это безумие сохранив формат

1. очистить от чего?
2. сохранить формат чего ?

Всего записей: 782 | Зарегистр. 17-08-2004 | Отправлено: 14:37 08-04-2020
Nikollay



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Всем доброго времени суток.
Есть сайт на html  
до недавнего времени редактировал его в Microsoft Office SharePoint Designer 2007 + "notepad++"
НО понимаю, что не удобно, подскажите пожалуйста редактор?  
Вот сам сайт kanewshool44.ru/index.htm
 

Всего записей: 977 | Зарегистр. 30-07-2006 | Отправлено: 07:48 09-09-2020
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Nikollay

Цитата:
подскажите пожалуйста редактор?

любой редактор, какая разница какой использовать? я вообще все делаю в ноутпаде.
используйте то, что вам привычнее/удобнее.

Всего записей: 15589 | Зарегистр. 20-09-2014 | Отправлено: 16:46 09-09-2020 | Исправлено: Mavrikii, 16:47 09-09-2020
vlad1302



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Nikollay
Цитата:
понимаю, что не удобно

Какие, конкретно, неудобства возникают при использовании вами указанных редакторов ?
 

Всего записей: 782 | Зарегистр. 17-08-2004 | Отправлено: 21:35 09-09-2020
Nikollay



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
vlad1302 ( )
Цитата:
Какие, конкретно, неудобства возникают при использовании вами указанных редакторов ?

В Microsoft Office SharePoint Designer 2007 при создании ссылок на первой странице, index.htm при сохранении сильно "скрипит" HDD видать обновляются какие-то связи или тупо перепроверяются, посему первое сохранение происходит очень долго, последующие быстро, НО до закрытия SharePoint Designer, после открытия все по новой.
В "notepad++" нельзя перейти по ссылке, то есть создав ссылку на страницу сайта перейти по ней нельзя, чтобы продолжить редактировать, а в SharePoint Designer можно.
И добавление картинок тот еще процесс, сначала добавляю изображения в каталог сайта, потом в SharePoint Designer перетаскиваю их на страницу сайта, потом полученный код дорабатываю макросами в "notepad++".
Не удобно, как бы оптимизировать?
 





Не вставляйте дату и время в нестандартном цитировании - не все находятся в вашей временной зоне.

Всего записей: 977 | Зарегистр. 30-07-2006 | Отправлено: 13:09 10-09-2020 | Исправлено: Nikollay, 22:37 10-09-2020
Nikollay



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
И... Не не каких идей?
Может советом или намеком?

Всего записей: 977 | Зарегистр. 30-07-2006 | Отправлено: 21:48 15-09-2020
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Nikollay

Цитата:
Может советом или намеком?

профессионалы вообще не пользуются визуальными редакторами, потому что контроллируют весь код и не любят, когда что то генерит его за них. максимум - редакторы с подсветкой кода, списком файлов в проекте (Atom и так далее)
поэтому посоветовать насчет ваших всех требований вряд ли смогут. пробуйте стандарт - Adobe Dreamweaver.

Всего записей: 15589 | Зарегистр. 20-09-2014 | Отправлено: 21:23 16-09-2020 | Исправлено: Mavrikii, 21:24 16-09-2020
Nikollay



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
пробуйте стандарт - Adobe Dreamweaver.

Пробовал, не понравился.

Цитата:
профессионалы вообще не пользуются визуальными редакторами

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

Всего записей: 977 | Зарегистр. 30-07-2006 | Отправлено: 08:35 17-09-2020
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Nikollay

Цитата:
А какими пользуются?

я же писал - любым, даже без поддержки подсветки кода. я вообще в консольном nano больше делаю.
а так - посмотрите на Atom Editor

Всего записей: 15589 | Зарегистр. 20-09-2014 | Отправлено: 08:38 17-09-2020
MK6N7H



Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
А какими пользуются?

 
Вот это вы задели больную для меня тему.
Щас будет много текста, очень много, ОЧЕНЬ ОЧЕНЬ МНОГО.
 
Я конечно не верстальщик, порталы с интернет магазинами не верстаю, в основном работа с php/js кодом и верстка на уровне блоков, модулей, изредка простых страниц.
 
Очень много лет пользуюсь исключительно... Akelpad (и не простой, а именно тот, что встроен в Total Commander PowerPack от SamLab т.к. там из коробки нужные мне плагины). Наверное, это безумно в 21 веке, но это единственный (нет, вру, второй) редактор кода, который лег на душу почти сразу (не считая EditPus который был любимцем до этого, годах в 2005-2010).
 
Почему же AkelPad? Работает молниеносно, стабильно, весит всего пару мегабайт, портативный, подсветка синтаксиса и автодополнение есть.
Конечно, первым делом я прошелся по всем плагинам и включил то что мне нужно, и совсем минимально подкорректировал подсветку синтаксиса.
 
До него был EditPlus который тоже очень любил, но он платный, и в какой то момент я решил быть честным - если не хочу платить, то надо искать бесплатную альтернативу. Пробовал кучу всего, но так и остановился на Akelpad.
 
И вот пришел 2019 год, я понял что пора уже пересилить себя, выйти из зоны комфорта и вырасти, и стал изучать современные тренды. В акеле мне не хватает в подсказках автодополнения - аргументов у стандартных функций, и какого-то плагина сниппетов, либо чего-то вроде Emmet.
 
Задача: найти хороший удобный редактор кода который будет а) бесплатный, б) портативный.
 
Поиски и сравнения длились довольно долго, и в итоге для себя вывел список редакторов, которые остались на компьютере ("победители", сортировка по алфавиту, а не крутости):
 
1) Atom (~650мб)
2) Brackets (~220мб) [! Не открывает файлы больше 16мб !]
3) Notepad++ (~17мб)
4) RJ TextEd (~430мб)
5) Sublime Text (~40мб)
6) VSCode (~250мб)
 
 
Добавлено:
Самые трендовые и популярные это пожалуй VSCode и Atom. Оба написаны на электроне (что я лично считаю минусом).
 
Первым шоком для меня стал размер. Редактор кода (не IDE), весом 400-600 мб?! Это современная жесть…
 
Но это ерунда по сравнению с тем, что НИ ОДИН из указанных редакторов не имеет из коробки того функционала, к которому я привык в AkelPad!!! А это самый главный фактор – отказываться от чего-либо из привычных функций я не готов.
 
Тем более что просил я ну совсем немного базовых и очевидных вещей:  
- быстрая работа;
- стабильность;
- автодополнение для набираемого текста;
- подсветка не "вырви глаз" (это дело привычки и вкуса конечно);
- отображение невидимых символов: пробелы, табуляции, символы перевода строки, причем чтоб было видно какого типа перевод строки - UNIX или Windows тип. И нужно это сделать так чтоб невидимые символы были едва заметны и не мешали работать;
- при двойном клике по любому слову – подсветить его во всём документе;
- если кликнуть на тег или любую скобку – подсветить закрывающий тег или скобку, и слева вертикальной линией подсветить весь код до закрывающего тега или скобки (т.к. если кода много, то искать подсвеченную скобку можно долго, а так подсвечен весь участок кода. Есть быстрый переход к закрывающей скобке, но это неудобно);
- подсветить слева желтым строки которые редактировались, и зеленым если они уже сохранены;
- желательно в сайдбаре список функций или методов класса из открытого файла.
 
 
Добавлено:
Не буду рассказывать, как я тестировал быстродействие (насиловал) все указанные редакторы текстовым файлом размером 500мб (реальный лог веб сервера), делая поиск, замену, быструю прокрутку, выделение/удаление/вырезание больших блоков. На 100% тут не справился никто (машина с 24гб памяти, в предел памяти никто не уперся, больше 15-16гб потребления не было, на всю систему а не редактор).
 
Предварительные результаты:
 
1) Atom. Ну не знаю… 650мб и очень скудные возможности. Нужно разбираться, настраивать, устанавливать плагины (вся соль в них). Даже чтоб сделать русский язык пришлось воспользоваться гуглом. С большими файлами не справляется (крашится). Да круто выглядит, стильно, современно. Но.. отложил пока.
 
2) Brackets. Стильно, современно но.. не открывает файлы больше 16мб. Несерьезно. Отложил.
 
3) Notepad++. Много раз за эти годы пытался с ним подружиться, но все время казался сырым каким-то. Однако он написан на С++, имеет маленький размер, быстро работает, есть часть функций из тех что я описал выше, прямо из коробки. С большими файлами показал себя почти на отлично, жаль один косяк всё-таки был. Взял в рассмотрение.
 
4) RJ TextEd. Немного старомоден. Возможно, я недооценил этот редактор, т.к. из коробки он имеет наверное самый большой функционал, и даже отчасти рассчитан на веб-девелоперов. Не помню почему, но "не легло". С большими файлами справляется, но прокрутка тормозит. Отложил пока.
 
5) Sublime Text. Из коробки не умеет толком ничего, но хотя бы мало весит. Вся "фишка" в плагинах (нужно искать плагины, настраивать). С большими файлами справляется, но иногда тормозит. Взял в рассмотрение.
 
6) VSCode. Стильно, современно, конкурент Atom'у, и при этом весит в два с лишним раза меньше. Из коробки скудные возможности. Установить русский язык (в 2019 году) пришлось через гугл и какие-то странные хаки. В 2020 уже попроще, но если первый раз устанавливаете – гуглить придется. Вся "фишка" в плагинах (нужно искать плагины, настраивать, разбираться). Думаю это будет следующий редактор который я начну изучать. С большими файлами то справляется, то крашится.
 
 
Добавлено:
Итак, в итоговое первое рассмотрение попали два варианта:
1)    Notepad++
2)    Sublime Text
 
Сразу скажу что чаще всего работаю с файлами: php js twig xml html css
 
1)    Notepad++
Я еще с 2005+ не раз пытался подружиться с этим редактором – но никак не получалось. Всё время что-то не устраивало. Вот к 2020-му наконец я признал что морально готов.
Сначала нравилось всё, но только первые 10 минут. Потом выяснилось, что многого из моего списка требований нет, и в настройках тоже нет. Пришлось искать плагины. Гуглить.
 
В общем и целом, продукт оставляет впечатление сырого продута, начиная от местами странных, мелких и "кривых" кнопок и диалогов и заканчивая плагинами и цветовыми схемами.
 
Лучшая по проработке цветовая схема это пожалуй дефолтная, но меня она не удовлетворила в некоторых синтаксисах. Я перепробовал все стандартные, но ничего не удовлетворило полностью. Практически весь день я потратил на переделку одной из стандартных схем под себя, и вроде даже более-менее доволен результатом (но это не точно), но работа эта - ад адовый. Очень бестолковая и жутко неудобная система "раскраски", в которой к тому же невозможно (или я не нашел как) выбрать прозрачный цвет. Т.е. если меняешь полностью фон редактора, то все строки, ключевые слова, переменные и тд имеют прошлый цвет, и надо для каждой сущности по отдельности править цвет руками. Сделав и оттестировав, например на php, открываешь html – и "эта песня хороша, начинай сначала" снова с нуля надо всё править для тегов, атрибутов, текстов, и др. сущностей. Потом xml, css, js и так далее. И проблем было бы в разы меньше, если бы текста можно было выбрать прозрачный цвет, но увы.
 
Показать пробелы и табуляции можно, но вот с переводами строк – какой-то полный треш. Показать то их можно, но пользоваться потом этим – нереально. Огроменные, никому не нужные символы с очень контрастным цветом, и изменить цвет нельзя, я уже перерыл весь рунет, и весь буржунет, этот вопрос не раз поднимался на гитхабе с 2000х но увы. Так и не победил.
 
Есть псевдо "маркет" с плагинами, это очень удобно, но видимо многие плагины устарели и выпали из маркета, находишь в инете описание классного плагина, а его нет в маркете. Есть в инете инструкции, как с огромными танцами с бубном установить например Emmet. Не ставил. Благо есть разные плагины сниппетов.
 
Веселье было с плагином который подсвечивает отредактированные сохраненные/ не сохраненные строки. И подумать не мог что это станет проблемой. С трудом нашел это плагин где то на просторах гитхаба, давно не обновляемый, ставил руками. Вроде даже работает.
 
Вердикт – если нервы крепкие, лишнего времени много, и хочется получить максимум из 20 мб – Notepad++ имеет право на жизнь. Но, по-моему, он погибает. Если бы AkelPad-у пару недостающих плагинов – ни за что не променял бы его на Notepad++.
 
 
Добавлено:
2)    Sublime Text
Тоже забавная штука, но забавная уже по-своему (ниже расскажу почему). Подсветка синтаксиса в целом устроила. Есть достойные сторонние шаблоны подсветки. Есть маркет плагинов.
 
На этом функционал заканчивается и начинаются плагины, много плагинов. Хочешь установить плагин? Установи сперва установщик плагинов. Хочешь русский язык – плагин. Хочешь подсветить закрывающий тег – плагин. Хочешь подсветить отредактированную строку – плагин. Вечно ошибается с кодировкой при открытии обычных текстовых файлов из блокнота Windows с русско-английским текстом. Наверное, тоже нужен плагин)))
 
Символ конца строки не показывает хоть в конфиге и выставил.
 
А забавность этого редактора в том что его можно описать фразой – "ощути себя хакером". В нем нет настроек в том виде, как мы к этому привыкли в программах под Windows, нажимая в меню "Настройки" открываются два файла конфигурации: один – стандартная конфигурация, где ты можешь найти нужный тебе параметр, другой файл это твой, пользовательский конфиг, в который ты пишешь свои настройки (переопределяешь стандартные).
 
И наверняка мне скажут – "тыжпрограммист" в чем проблема? Нет проблемы, просто лишний геморрой. Но есть и плюс - свой конфиг легко сохранить, перенести, передать, посмотреть и тд.
 
Установка плагинов, да и многое другое - тоже забавно, в стиле " ощути себя хакером ". Например, для установки плагина - нажми комбинацию клавиш чтоб вызвать командную строку, начни писать туда "Install" – появится пункт установки плагинов, нажимаешь, и дальше пишешь название плагина который хочешь установить, так же в командную строку. Благо есть автодополнение (подсказки).
 
В целом редактор понравился, есть много очень крутых и полезных плагинов. Я долго читал инет, и составил себе список названий интересных мне плагинов, в текстовом файле. Так, на будущее.
 
3)    VSCode.
Про этот редактор ничего не скажу пока, так как пока пользуюсь Notepad++ и Sublime Text. Однако как будет время – обязательно займусь его изучением. Он чем-то похож на Sublime Text (и Atom). Тоже надо править конфиги руками. Тоже фишка в очень крутых плагинах на все случаи жизни. Тоже плагин на каждый чих. Но чуть более дружелюбно для пользователя.

Всего записей: 20 | Зарегистр. 15-12-2007 | Отправлено: 18:28 17-09-2020
Nikollay



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
Щас будет много текста, очень много, ОЧЕНЬ ОЧЕНЬ МНОГО.

Осилил, без проблем.
Благодарю от всей души.
НО все-таки я не совсем верстальщик сайтов. (если честно, то даже не совсем понимаю, как это делается, неужто ВЕСЬ код набирается вручную, застрелится... Ну не верю я в это.
Что делаю конкретно я:
Вводные: сайт школы - http://www.kanewshool44.ru на HTML.
Основная работа наполнение новостной ленты.
1. есть заготовки страниц.
Вот такие.
 
Шаблон страницы
Куда я вношу текст. Как правило из Ворда. Который перед этим обрабатывается макросом в Notepad ++ (Макрос удаляет лишние пробелы и ставит перед каждым абзацем символ <p>, копирует текст в буфер обмена, мне остается кликнуть мышкой в Microsoft Office SharePoint Designer 2007 и сделать Ctrl+V)
Фотографии из каталога винды, переношу в каталог в Microsoft Office SharePoint Designer 2007, после чего выделив нужные фото перетягиваю их на страницу новости.
Получаю код в одну строчку…  

Код:
<img src="images/2020/09/01/01.JPG" width="1024" height="768"><img src="images/2020/09/01/02.JPG" width="1024" height="768"><img src="images/2020/09/01/03.JPG" width="1024" height="768"></p>

Копирую его и снова в Notepad ++, там макрос преобразует этот код в такой.

Код:
<a href="images/2020/09/01/01.JPG" rel="lightgallery[flowers]"><img src="images/2020/09/01/01.JPG" width="454" height="auto">
<a href="images/2020/09/01/02.JPG" rel="lightgallery[flowers]"><img src="images/2020/09/01/02.JPG" width="454" height="auto">
<a href="images/2020/09/01/03.JPG" rel="lightgallery[flowers]"><img src="images/2020/09/01/03.JPG" width="454" height="auto">
</a></p>

После чего обратно в Microsoft Office SharePoint Designer 2007.
В принципе новость готова.
 
Что не нравится в том же Атоме или Нотепаде.
1. Нельзя переходить по ссылкам
2. Нет выделения не редактируемой зоны шаблона как в Microsoft Office SharePoint Designer 2007

 
3. НО и сам Microsoft Office SharePoint Designer 2007 не нравится так как приходится после него дорабатывать код.
Да и сама концепция сайта является очень устаревавшей, охота перейти на новый сайт, но пока не понятно что и как выбрать...
Движки и прочее... Знаний не хватает...

Всего записей: 977 | Зарегистр. 30-07-2006 | Отправлено: 08:17 19-09-2020 | Исправлено: Nikollay, 08:25 19-09-2020
Открыть новую тему     Написать ответ в эту тему

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

Компьютерный форум Ru.Board » Интернет » В помощь вебмастеру » HTML-редакторы


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru