HTML редактор

HTML редакторHTML редактор — программа, облегчающая создание веб-страниц на языке HTML за счёт подсветки однотипных участков кода, быстрой вставки тегов и удобной отладки.

Хороший HTML-редактор может сэкономить много времени и усилий даже опытному веб-мастеру, не говоря уже о новичках.

На этой странице можно скачать как раз такой, очень удобный и к тому же, бесплатный HTML-редактор RJ TextEd, с помощью которого и создаются страницы нашего сайта.

RJ TextEd 13.30Золотая медаль BestFREE.ru

HTML редактор RJ TextEd 13.30
Рейтинг:
Размер:
127 МБ (инсталлятор / портативная версия)
Интерфейс:Русский/Английский
Платформа:
Windows Me/2000/XP/2003 (спецверсия) Vista/2008/7/8/10 32&64-bit
Лицензия:FreeWare
Обновлено:2018-08-09
Разработчик:
Платный аналог:  


Похожая программа: Визуальный HTML редактор NVU





RJ TextEd 13.30

Мощный бесплатный HTML-редактор, предназначенный для разработки, просмотра и редактирования html-документов. Кроме HTML программа поддерживает практически все популярные языки веб-программирования и разметки гипертекста.


Галерея скриншотов



Сравнение с платным аналогом

По своему функционалу RJ TextEd далеко выходит за рамки простого Блокнота и приближается к полноценным средам разработки.

Сравнить же программу можно с платным редактором HTML MetaProducts Web Studio.

Особенности RJ TextEd MetaProducts Web Studio
Стоимость бесплатно 1300,00 руб.
Подсветка синтаксиса + +
Вставка шаблонов и тегов + +
Встроенный браузер + +
Встроенные утилиты для генерации стилей и текста + +
Работа с проектами + +
Встроенный файловый менеджер + -

Кроме всего вышеперечисленного у RJ TextEd есть еще ряд преимуществ:

Сниппет (англ. snippet) — фрагмент, отрывок текста.

HEX-редактор (англ. hex-editor) — программа для редактирования данных в 16-ричном виде.
  • поддержка сниппетов;
  • запись и воспроизведение макросов;
  • поддержка плагинов;
  • функции автозавершения и автодополнения кода (лучше отключить);
  • широкие возможности автоматического форматирования текста;
  • встроенный HEX-редактор;
  • функции проверки орфографии при помощи подключаемых словарей.

Начало работы с программой

Portable — портативный, переносной.

На нашем сайте можно скачать как традиционный инсталлятор, так и portable-версию редактора. Последняя не требует установки и работает сразу после распаковки архива.

Для установки с помощью инсталлятора, запускаем его из скачанного архива и выбираем язык – «Русский» (должен быть уже выбранным, если у Вас русскоязычная система).

На все остальные предложения отвечаем согласием, нажимая кнопку «Далее».

После окончания установки перед нами откроется рабочее окно программы:

Переключение на русский язык

По умолчанию RJ TextEd имеет англоязычный интерфейс, но его можно легко переключить на русский (что мы и сделаем в первую очередь).

Для этого зайдем в меню «Environment» и в списке «Languages» выберем «Russian». Окно приобретет более привычный вид:

Стартовый экран


Интерфейс редактора

Весь интерфейс RJ TextEd можно разделить на несколько зон (сверху вниз):

  1. Строка меню. Здесь в виде привычного меню находятся все функции программы, рассортированные по соответствующим пунктам.
  2. Главная панель. Так называется панель инструментов программы. На ней находятся кнопки, которые вызывают наиболее употребляемые функции.
  3. Боковая панель (слева). На ней в виде вкладок расположены такие возможности, как Проводник, сниппеты, FTP-менеджер и инструменты для работы с проектами.
  4. Языковая панель. Панель инструментов над основным полем редактирования, на которой размещены наиболее часто используемые выражения и теги для разных языков программирования.
  5. Панель окна редактирования. Небольшая панель инструментов слева (по умолчанию) от поля редактирования документа, на которой содержатся некоторые инструменты, доступные из контекстного меню.
  6. Окно редактирования. Собственно, основное рабочее пространство для редактирования текста.
  7. Нижняя панель. По умолчанию скрыта. Может содержать браузер или список специальных символов.

Все перечисленные панели (за исключением панели меню и рабочей области) могут быть скрыты или отображены при помощи установки соответствующих флажков на вкладке «Панели» в меню «Вид».

Работа с редактором

Для начала работы нам потребуется создать или открыть готовый файл. Открыть его можно несколькими способами, использовав для этого соответствующие кнопки/пункты меню или, воспользовавшись встроенным файловым менеджером/Проводником:

Проводник и режим редактирования

Проводник находится на боковой панели и имеет две вкладки, на которых можно открывать разные папки. Причем, состоит каждая вкладка из двух панелей: дерева папок (вверху) и списка файлов (ниже).

Как только мы откроем документ (я выбрал обычный HTM-файл), он отобразится на рабочей области. При этом, над ней появится вкладка с именем и расширением редактируемого файла.

RJ TextEd позволяет одновременно открывать несколько документов и переключаться между ними Вы как раз и сможете при помощи данных вкладок.

Обратите также свое внимание, на то, что под окном редактирования сейчас активирован режим «Редактор».

Однако, Вы можете переключаться и на главный экран (см. предыдущий скриншот), и на вкладки браузеров (доступно три движка: Internet Explorer, Firefox и Chrome) или файлового менеджера.

Также обращаю ваше внимание на две панели инструментов: слева и сверху. Слева, как уже говорилось выше, в виде кнопок находятся функции, доступные в контекстном меню рабочей области, а сверху – языковая панель.

Тег — элемент разметки гипертекста в HTML.

Поскольку мы открыли HTM-файл, то логично будет перейти с вкладки «Общие» на вкладку «HTML». Здесь Вы найдете много полезных инструментов для быстрой вставки тегов или генерации разнообразных элементов страницы!

Некоторые дополнительные возможности RJ TextEd

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

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

Слово это в веб-программировании – многозначное, но в контексте функций RJ TextEd означает готовый фрагмент кода, который можно быстро вставить в редактируемый документ.

Доступ к сниппетам можно получить на третьей вкладке боковой панели:

Сниппеты в редакторе

Алгоритм создания нужного фрагмента – следующий:

Создаем папку-раздел сниппетов → создаем сниппет → редактируем содержимое сниппета.

Особенностью RJ TextEd является то, что мы можем вставлять фрагмент, как после курсора (как мы привыкли делать это обычно), так и перед ним, что может внести некоторую путаницу.

Поэтому для простых однострочных вставок советую использовать поле «После курсора».

Также обращаю Ваше внимание на еще одну интересную функцию программы: «История буфера обмена».

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

Результат вставок можно оценить, не покидая окна программы, переключив режим работы основной области с вкладки «Редактор» на одну из трех вкладок «Просмотр», которые отвечают за «отрисовку» страницы разными браузерами.

Кстати, мы можем просматривать результат работы кода и безо всяких переключений! Для этого нужно нажать на основной панели инструментов кнопку «Просмотр в нижней панели»:

Панель просмотра страниц и проверка орфографии

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

Еще одной возможностью RJ TextEd является проверка орфографии, как в привычном нам MS Word или OO Writer.

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

Далее, когда словарь будет установлен, Вам будет достаточно выбрать его, кликнув кнопку «Проверка орфографии» (крайняя правая кнопка на панели инструментов).

Работа с проектами

В RJ TextEd имеются функции для работы с проектами. То есть Вы можете не просто открывать отдельные файлы, но и работать одновременно с целым сайтом, осуществляя быстрые переходы между различными его страницами!

«Менеджер проекта» находится в пятой вкладке боковой панели:

Создание проекта

При создании проекта Вас попросят заполнить две простые формы, касательно названия проекта и других дополнительных данных. Вводить всю эту служебную информацию необязательно, но желательно, если над проектом трудитесь не только Вы.

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

Файлы можно как «Создать» с нуля (меню «Файл»), так и «Добавить» (контекстное меню проекта). Причем добавить можно как единичный документ, так и сразу целую папку (если у Вас уже был готовый сайт, над которым Вы хотите продолжить трудиться в среде RJ TextEd).

Преимущество работы с проектами не только в постоянной доступности всех файлов, но и в том, что Вы можете планировать свою деятельность. Например, можете указать, что еще предстоит доделать в Вашем проекте. Для этого служит комментарий TODO:

TODO в RJ TextEd

Общий его синтаксис: «// TODO: наш текст...». На скриншоте выше Вы видите пример использования TODO в HTML, где мы дополнительно заключили конструкцию со списком дел в дополнительный формат комментариев, согласно спецификации того языка, на котором мы кодим.

Просмотреть список дел можно как на вкладке «Проводник кода» (на скриншоте), так и на предыдущей вкладке «Обзор классов проекта».

Кстати, «Проводник кода» можно использовать не только для проектов, но и для отдельных файлов. Его вкладка «Теги» позволяет нам быстро просмотреть структуру документа и перейти в нужное место!

Встроенный файловый менеджер

Мы с Вами уже знакомились с вкладками под окном редактирования документа и сейчас посмотрим на самую последнюю из них – «Файловый менеджер»:

Файловый менеджер

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

  • создание/изменение/удаление файлов и папок;
  • копирование/перемещение файлов;
  • работа с ZIP-архивами;
  • работа с FTP-серверами (в том числе и синхронизация данных).

Кроме того, имеется довольно удобная функция создания закладок на часто используемые папки. Для этого достаточно кликнуть стрелочку после кнопки «Вверх» и выбрать пункт «Добавить папку».

Закладка будет создана для текущей открытой директории и помещена в самый верх списка. Также в список автоматически попадают папки из «Избранного» (кнопка со звездочкой на основной панели инструментов.

Работа с плагинами

За многолетний период существования RJ TextEd для него было написано достаточно большое количество разнообразных плагинов.

Большим плюсом является то, что все они доступны нам прямо из интерфейса программы посредством специальной библиотеки. Вызвать ее можно кликом по пункту «Дополнения» в меню «Настройки»:

Менеджер плагинов

Прокси-сервер (англ. proxy — «представитель, уполномоченный») — сервер-посредник при обращении к какому-либо сервису.

Здесь у нас есть пять вкладок, четыре из которых отвечают за загрузку дополнений, а последняя – за настройку подключения к Интернету через прокси-сервер. Для установки определенного дополнения нам достаточно выделить его в списке и нажать кнопку «Установить».

Если же нужного плагина нет, то его можно попытаться загрузить из Интернета, нажав кнопку «Скачать».

При этом, скачать, по сути, мы можем только дополнительные «Темы» и «Словари», поскольку для остальных разделов дополнений, отличных от наличествующих в списке, попросту нет :).

Если Вы захотите догрузить, например, новые темы, то Вы заметите, что в списке есть названия, написанные серым и черным цветами. Так вот, серым отмечены те дополнения, которые у Вас уже есть в списке, то есть качать можно все, что черное :).

Немного о настройках

На закуску, как говорится, заглянем в настройки программы. Сделать это можно, нажав пункт «Настройки» в одноименном меню:

Настройки автодополнения

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

Как я уже говорил выше, в RJ TextEd имеется ряд функций автозавершения и автодополнения кода. Эти функции могут значительно ускорить процесс создания документов с нуля, но, в то же время, и основательно попортить нервы тем, кто правит уже готовые странички.

Почему? А потому что всплывающие окна подсказок иной раз просто загораживают собой редактируемый код :(.

Если Вы столкнулись с такой проблемой, то советую Вам отключить все функции в разделе «Автозавершение» «Основных» настроек редактора.

Однако на деле и этого оказывается мало и окно со списком тегов все время появляется перед нами. Чтобы отключить все подсказки полностью нам нужно еще и задать значение «-1» для «Задержки автозавершения» (см. скриншот выше).

Кстати, после отключения автоматического отображения подсказок, они будут доступны в ручном режиме по нажатию кнопки «Дерево HTML» на языковой панели:

Вызов дерева тегов

Маппинг — создание карты связей.

Последнее, о чем бы хотел упомянуть – настройка маппинга для работы со сложными сайтами.

Например, мы хотим работать с сайтом на PHP или SSI, но по умолчанию встроенные движки браузеров будут обрабатывать только HTML-фрагменты редактируемой странички, поскольку для интерпретации PHP-кода уже требуется наличие активного веб-сервера.

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

Для этого зайдем в настройки программы и в разделе «Параметры» найдем подраздел «Предпросмотр (браузер)».

Перед нами появится пустой список переадресаций, где нам будет нужно нажать кнопку «Добавить» и в соответствующих полях задать имя перенаправления и указать папку проекта и адрес сайта на сервере:

Настройки редиректов

Все :) Теперь при открытии любого значимого файла (который отвечает за ту или иную страничку) из указанной Вами папки в окне предпросмотра будет открываться полноценный вид Вашего сайта!

Достоинства и недостатки программы

Плюсы программы RJ TextEd 13.30Плюсы:

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

Минусы программы RJ TextEd 13.30Минусы:

  • не всегда удачная автозамена;
  • нет некоторых мелких полезностей (например, удаления лишних переносов строки в выделенном фрагменте).

Выводы

В свое время мы с Русланом Богдановым провели глобальные поиски в Интернете на предмет нахождения текстового редактора, который бы поддерживал UTF-8 и обладал богатой функциональностью.

Идеального бесплатного редактора мы, к сожалению, так и не нашли, но из всего найденного именно RJ TextEd был ближе всего к идеалу.

Некоторые функции в нем реализованы не совсем очевидно, однако это никак не умаляет его достоинств! Поэтому, если Вы тоже озаботились поиском HTML-редактора для себя, то лучше, чем RJ TextEd Вы вряд ли найдете. По крайней мере, мы не нашли ... ;)

Послесловие

Все, кто хочет научиться программировать, всегда задаются одним и тем же вопросом: «В какой программе писать код?». Ответ – прост: в любом Блокноте, который поддерживает работу с простым неформатированным текстом.

То есть Вам нужен не полновесный текстовый процессор, в котором Вы привыкли печатать обычные документы, а именно простейший текстовый редактор без всевозможных кнопочек и наворотов, которым система обычно открывает TXT-файлы!

Компилятор — утилита для перевода исходного кода программы в исполняемый.

Валидатор — программа или сервис для проверки кода на ошибки.

Естественно, что это, так сказать, программа-минимум. Для написания серьезных программ Вам понадобятся также всевозможные компиляторы, валидаторы и прочие специализированные утилиты, заточенные под тот язык, на котором Вы кодите.

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

Кстати, в некоторых браузерах встроены функции редактирования кода. Но мы немного отошли от темы.

Блокнот хорош тем, что он есть на каждой ОС Windows, соответственно, писать HTML-код Вы сможете на любом компьютере.

Однако, такая работа не будет особо комфортной, поскольку Вы будете видеть всегда только сплошной текст, «пересыпанный» не всегда понятными тегами, и увидеть результат Вы сможете только в браузере.

А ведь на начальных порах многие очень часто допускают ошибки, а отыскать их в обычном Блокноте бывает ой как непросто!

Именно поэтому были созданы специализированные Блокноты, которые снабжены целым рядом улучшений. К таким улучшениям можно отнести:

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

С такими функциями можно довольно быстро ориентироваться в коде и находить свои ошибки. И именно к таким программам относится RJ TextEd, с которой мы и познакомились в этой статье.

P.S. Разрешается свободно копировать и цитировать данную статью при условии указания открытой активной ссылки на источник и сохранения авторства Руслана Тертышного.

P.P.S. Чтобы надёжнее защитить свой сайта от взлома, лучше вместо FTP-менеджера использовать более надёжный SSH-клиент:
WinSCP https://www.bestfree.ru/soft/inet/ssh-manager.php



Похожие программы:

Визуальный HTML редактор: NVU
Визуальный редактор HTML-страниц, аналогичный Macromedia Dreamweaver, но бесплатный.
XML редактор: PSPad
Многофункциональный XML (и не только) редактор. Умеет подсвечивать команды великого множества языков программирования, проверять на ошибки, и много чего ещё.
WAP редактор: DotWAP
Небольшой простецкий редактор для создания целых WAP-сайтов, или отдельных WML-страниц.





** Задавать вопросы лучше на нашем форуме. Просто зарегистрируйтесь и создайте новую тему.

Полезный совет:


Система проверки ошибок от Mistakes.ru