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

Редактор кода на андроид с подсветкой синтаксиса

Краткое описание:
Просмотр и редактирование исходного кода программ.

DroidEdit представляет собой текстовый редактор исходного кода для планшетов и телефонов Android со следующими возможностями:

DroidEdit особенно полезен для нового поколения планшетов с внешней клавиатурой, как Asus Transformer.

Русский интерфейс: Нет

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

DroidWall помог. Рекламы нет.

З.Ы. на экран сейчас вмещается 11 строк текста. Подсветка работает. Пробовал php.

DroidEdit Pro (code editor) v1.13.4

Что нового:
1.13.4
☆ Fix nearly invisible cursor with some themes.

SilverEdit лучше (чем):

— Файлы открывает в разы быстрее (DroidEdit не открывает некоторые вообще, просто «виснет&падает». скорей всего из-за размеров, я тут попытался открыть 220kb. завис насмерть)
— конечно не xватает DropBox, но на то у меня есть DroidSync
— правильно определяет кодировку текста (DroidEdit это к сожалению делает не корректно)

Но что я заметил, ни у этого и ни SilverEdit нет возможности убрать клавиатуру насильно (при тапе в текстовое поле появляется сново. Мне это нужно к примеру если просто что-то нужно «скопипейстить»). и еще: в Landscape-режиме что-либо радактровать не возможно, клавиатура закрывает все поле зрения.

В общем объемные текстовые (html, xml, php) файлы редактировать (на Android) практически не возможно. Только так, что-нибудь коротко подредактировать

DroidEdit Pro (code editor) v1.13.9

DroidEdit Pro (code editor) 1.14.1

What’s in this version:
☆ FTP support (finally).
☆ Don’t open soft keyboard when opening file.

DroidEdit Pro (code editor) v1.14.2

What’s in this version:
★ Create shortcuts on Home Screen
(works with local, ftp, sftp and dropbox)
★ Only one instance of DroidEdit at any given time
★ New menu organization on HC and ICS
★ Check if private key is valid
★ Better line wrap behavior without line numbers
★ Other minor fixes

DroidEdit Pro (code editor) 1.14.3

What’s in this version:
☆ Writer Mode: For those using DroidEdit to write text instead of code. Text prediction, if supported by virtual keyboard, and spell checking in ICS. Writer mode will be disabled automatically for files detected as code.
☆ Clojure, Scala and Delphi support.
☆ Chinese and Spanish translations.

DroidEdit Pro (code editor) v1.14.6

What’s in this version:
— Verify if DrobBox file has changed and offer to reload
— Root mode improvements
— Information panel with number of chars, words and lines (activate in preferences > appearance)
— Javascript file association
— Russian Translation

Released by chathu_ac

DroidEdit Pro (code editor) v1.14.7

* Fix for Jelly Bean cursor position problems
* French, Hungarian and Czech translations
* Show file size and date in file dialogs

DroidEdit Pro (code editor) 1.14.9

What’s in this version:
Version 1.14.9
☆ Previewing local HTML files now asks to select browser.

Источник

Бесплатные редакторы программных кодов для Android – лучшее

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

Рабочая среда Android-приложения предлагает массу сервисов для программирования. В Google Play Store полно сервисов для решения любых задач программирования – редакторов кода, компиляторов, средств построения среды разработчика, и это далеко не всё. Они все разные сами и с различным функциональным наполнением, и с разными недостатками, то есть, выбрать среди них лучший непросто. Здесь дело за нами. Давайте посмотрим пятёрку лучших редакторов кода для Android, которые помогут вам программировать, редактировать, компилировать и «прогонять» ваш исходный код на ходу.

Подсветка синтаксиса сочетается с различными темами оформления и шрифтами, воспринимается разными языками программирования, в том числе, HTML, XML, CSS, javascript, PHP, C, C++, C#, Java, ActionScript, Lisp, Markdown, Haskell и т. д. Поддерживаются кодовые шаблоны и заготовки, сводящие усилия программиста к минимуму. Имеющиеся на клавиатуре клавиши дополняются добавочными, позволяя вам резко ускорить темп набора. Среди прочих возможностей обнаружение и замена нужных фрагментов, добавление и удаление комментариев, предпросмотр HTML-файлов, загрузка исходной кодовой основы веб-сайтов, очистка HTML и т. д.

Quoda предлагает вам различные решения в плане загрузки с учётом ваших потребностей. Сервис может позволяет вам открывать, редактировать и загружать файлы на любое количество FTP- и FTPS-серверов. Можно даже сохранять файлы в популярные сервисы облачного хранения, подобные Dropbox и Google Drive, и забирать их оттуда, а следующая версия будет, как ожидается, поддерживать также Box и Skydrive.

DroidEdit обеспечивает подсветку синтаксиса с поддержкой свыше 200 языков, множеством встроенных тем оформления и возможностью создания их собственных цветовых вариаций. В режиме набора текста отключается автоисправление и включается проверка орфографии. Emmet-инструментарий можно задействовать для расширения простых выражений до полноценного HTML-кода. Среди прочих возможностей свёртывание строк, обнаружение и замена нужных фрагментов, добавление клавиш на клавиатуру для ускорения набора кода и даже поддержка редактирования системных файлов на вашем устройстве с расширенным доступом к управлению.

AWD поддерживает лёгкое управление удалёнными проектами путём обеспечения различных способов быстрого доступа к вашему проекту. Вы можете работать с файлами, хранящимися как локально, так и удалённо. Можно загружать файлы на FTP-, FTPS-, SFTP-серверы и скачивать их оттуда. В довершение всего, поддерживается даже взаимодействие с WEBDav для хранения ваших веб-проектов и доступа к ним.

AIDE позволяет вам разрабатывать Android-, Java- и PhoneGap-приложения средствами Java, C/C++, HTML5, CSS и javascript. Визуализатор Visual Designer обеспечивает вам наглядность проектирования пользовательского интерфейса приложения и устраняет необходимость написания XML-кода. Многофункциональный редактор с возможностями дописывания кода, исправления ошибок в реальном времени, реструктуризации и ловкой навигации внутри программ. Вам предлагается решение для компиляции и прогона проектов одним кликом.

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

CppDroid поддерживает взаимодействие с Dropbox – популярным сервисом облачного хранения данных. Он подключается к Dropbox для обеспечения вам функциональных возможностей загрузки файлов на ресурсы облачного хранения данных и скачивания их оттуда. Имеется также встроенный диспетчер дополнений с функцией автообновления, применяемый для скачивания и установки дополнений к этому приложению.

Как выбрать лучший среди предлагаемых вам редакторов кода? Всё зависит от ваших потребностей. Подумайте, что вам нужнее, и просто выберите один из представленных выше вариантов, отвечающий вашим запросам.

Какой редактор кода вы предпочитаете для Android? Не пропустили ли мы его? Сообщите нам об этом в разделе комментариев.

Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Источник

Редактор кода на Android: часть 1

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

Вступление

Привет всем! Судя из названия вполне понятно о чем будет идти речь, но всё же я должен вставить свои пару слов перед тем как перейти к коду.

Я решил разделить статью на 2 части, в первой мы поэтапно напишем оптимизированную подсветку синтаксиса и нумерацию строк, а во второй добавим автодополнение кода и подсветку ошибок.

Для начала составим список того, что наш редактор должен уметь:

MVP — простой текстовый редактор

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

Подсветка синтаксиса

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

Q: Почему мы используем TextWatcher как переменную, ведь можно реализовать интерфейс прямо в классе?
A: Так уж получилось, что у TextWatcher есть метод который конфликтует c уже существующим методом у TextView :

Это очень критично если мы планируем добавлять функционал Undo/Redo. Также нам может понадобится момент, в котором не будут работать слушатели, в котором мы сможем очищать стэк с изменениями текста. Мы ведь не хотим, чтобы после открытия нового файла можно было нажать Undo и получить совершенно другой текст. Хоть об Undo/Redo в этой статье говориться не будет, важно учитывать этот момент.

Соответственно, чтобы избежать такой ситуации можно использовать свой метод установки текста вместо стандартного setText :

Но вернёмся к подсветке.

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

Сейчас нам важно знать только две вещи:

Т.к я пишу редактор для JavaScript, вот небольшой паттерн с ключевыми словами языка:

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

Далее с помощью Matcher мы пройдёмся по всему тексту и установим спаны:

Поясню: мы получаем объект Matcher у Pattern, и указываем ему область для поиска в символах (Соответственно с 0 по text.length это весь текст). Далее вызов matcher.find() вернёт true если в тексте было найдено совпадение, а с помощью вызовов matcher.start() и matcher.end() мы получим позиции начала и конца совпадения в тексте. Зная эти данные, мы можем использовать метод setSpan для раскраски определённых участков текста.

Итак, запускаем!

Дело в том что метод setSpan работает медленно, сильно нагружая UI Thread, а учитывая что метод afterTextChanged вызывается после каждого введенного символа, писать код становится одним мучением.

Поиск решения

Первое что приходит в голову — вынести тяжелую операцию в фоновый поток. Но тяжелая операция тут это setSpan по всему тексту, а не регулярки. (Думаю, можно не объяснять почему нельзя вызывать setSpan из фонового потока).

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

Точно! Так и сделаем! Вот только… как?

Оптимизация

Нам главное, чтобы выполнялась такая логика:

Таким образом, код редактора превращается в нечто подобное:

Как понять, какой текст попадает в видимую область?

Буду ссылаться на эту статью, там автор предлагает использовать примерно такой способ:

И он работает! Теперь вынесем topVisibleLine и bottomVisibleLine в отдельные методы и добавим пару дополнительных проверок, на случай если что-то пойдёт не так:

Последнее что остаётся сделать — пройтись по полученному списку спанов и раскрасить текст:

Не пугайтесь страшного if ‘а, он всего лишь проверяет попадает ли спан из списка в видимую область.

Ну что, работает?

Работает, вот только при редактировании текста спаны не обновляются, исправить ситуацию можно очистив текст от всех спанов перед наложением новых:

Ещё один косяк — после закрытия клавиатуры кусок текста остаётся неподсвеченным, исправляем:

Главное не забыть указать adjustResize в манифесте.

Скроллинг

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

Так же автор приводит аргумент что запускать парсер после каждого «проскроленного» пикселя затратно, и я полностью с этим согласен (вообще рекомендую полностью ознакомится с его статьей, она небольшая, но там много интересного). Но дело в том, что у нас уже есть готовый список спанов, и нам не нужно запускать парсер.

Достаточно вызывать метод отвечающий за обновление подсветки:

Нумерация строк

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

Для этого напишем функцию, которая будет обновлять отступ перед отрисовкой:

Эта часть была самая запутанная из всех, но если вдумчиво прочитать несколько раз (поглядывая на код), то всё станет понятно.

Приступим к рисованию

К сожалению, если мы хотим использовать стандартный андройдовский перенос текста на новую строку то придется поколдовать, что займет у нас много времени и ещё больше кода, которого хватит на целую статью, поэтому дабы сократить ваше время (и время модератора хабра), мы включим горизонтальный скроллинг, чтобы все строки шли одна за другой:

Ну а теперь можно приступать к рисованию, объявим переменные с типом Paint :

После чего переопределяем метод onDraw :

Смотрим на результат

Выглядит круто.

Для красоты можно ещё перекрасить отступ в другой цвет, визуально выделить строку на которой находится курсор, но это я уже оставлю на ваше усмотрение.

Заключение

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

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

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

Источник

7 лучших HTML-редакторов для Android

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

Этот достаточно простой редактор, поддерживающий не только HTML-файлы, но и JavaScript, CSS, PHP. Здесь вы не найдете каких-то интересных возможностей, зато базовые вещи здесь реализованы невероятно качественно. Среди них такие простые радости жизни, как подсветка синтаксиса, нумерация строк, удобный проводник и кнопки быстрого доступа. Кроме того, Редактор Вебмастера Lite поддерживает доступ к файлам FTP.

В общем, прекрасное бесплатное приложение для исполнения ваших основных веб-потребностей. Есть небольшой минус — за то, чтобы снять ограничение по размеру кода и открыть доступ к предпросмотру, придется заплатить 199₽.

AWD — сокращение от Android Web Developer, и это уже куда более мощный продукт. Помимо стандартных JavaScript, CSS, PHP, HTML, он поддерживает JSON, а также позволяет управлять проектами на FTP, FTPS, SFTP и WebDAV.

Здесь также есть подсветка синтаксиса, автодополнение кода, нумерация строк, функция просмотра, поиск и замена функций, автосохранение, интеграция с Git, разного рода форматирование текста и многое другое.

Здесь вы можете скачать это приложение.

DroidEdit

DroidEdit — по сути, клон Notepad++ для Windows. Кроме стандартного набора языков, данный редактор также поддерживает C, C++, C#, Java, Python, Ruby, Lua, LaTeX и SQL. Кроме того, мое личное мнение, в данном приложении лучше всего реализована подсветка синтаксиса с точки зрения контрастности и цветов.

Платная версия обойдется вам всего в 149 рублей, но если вам действительно приходится часто кодить на ходу — это сущие мелочи. В качестве бонуса за щедрость вы также получите доступ к Dropbox и Google Drive, таким образом сможете напрямую сохранять свои проекты в облако.

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

Quoda Code Editor

Не самый известный редактор даже в данном рейтинге, но всё же присмотритесь к нему. Первая причина — огромное количество поддерживаемых языков: ActionScript, C, C++, C#, CSS, Haskell, HTML, Java, JavaScript, Lisp, Lua, Markdown, Objective-C, Perl, PHP, Python, Ruby, SQL, Visual Basic и XML. Вторая причина — масса полезных бонусов, таких как шаблоны или готовые куски кода, настройка «горячих клавиш» для увеличения вашей производительности, автопроверка кода и многое другое.

К сожалению, как и в случае с DroidEdit, полная версия стоит денег — 225 рублей. Но и ограниченная версия должна вам очень понравиться.

Jota Text Editor

Ну а если вам надоели все эти навороченные редакторы кода, то вот вам простой и мощный инструмент для работы с HTML (и не только). Около 5 миллионов скачиваний и рейтинг, близкий к максимальному, наглядно демонстрируют качество работы с Jota Text Editor. За нулевые вложения вы получаете элементарный редактор, способный лишь определять и подсвечивать синтаксис, а также ограничение в миллион символов. Но надо ли вам больше?

Если нет, то тогда устанавливайте Jota.

Еще одна аббревиатура в названии (AIDE — Android Integrated Development Environment), скрывающая большие возможности разработки. Это некое руководство по созданию приложений для Android, от мобильных до игровых. При этом, это не просто собрание лекций и видео, а полноценный редактор с возможностями отладки, верификации и тестирования.

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

Главное, не забыть скачать себе на мобильное устройство AIDE.

anWriter

Закончим рейтинг бесплатным HTML-редактором с поддержкой CSS, JavaScript и Latex. Это в бесплатной версии. Если заплатите 210 рублей, получите также поддержку PHP и SQL. Кроме того, в комплекте вы найдёте совместимость с HTML 5, CSS 3, jQuery, Bootstrap и Angular, возможности работы с FTP и Google Drive.

В общем, переходите прямо сейчас по ссылке и наслаждайтесь.

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

Как вы используете свой Android-смартфон? Звоните, фотографируете, играете, переписываетесь, читаете новости? Пора ему помочь вам и в вашей работе веб-разработчика! Вот 7 наиболее популярных и качественных HTML-редакторов из Play Store.

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

Этот достаточно простой редактор, поддерживающий не только HTML-файлы, но и JavaScript, CSS, PHP. Здесь вы не найдете каких-то интересных возможностей, зато базовые вещи здесь реализованы невероятно качественно. Среди них такие простые радости жизни, как подсветка синтаксиса, нумерация строк, удобный проводник и кнопки быстрого доступа. Кроме того, Редактор Вебмастера Lite поддерживает доступ к файлам FTP.

В общем, прекрасное бесплатное приложение для исполнения ваших основных веб-потребностей. Есть небольшой минус — за то, чтобы снять ограничение по размеру кода и открыть доступ к предпросмотру, придется заплатить 199₽.

AWD — сокращение от Android Web Developer, и это уже куда более мощный продукт. Помимо стандартных JavaScript, CSS, PHP, HTML, он поддерживает JSON, а также позволяет управлять проектами на FTP, FTPS, SFTP и WebDAV.

Здесь также есть подсветка синтаксиса, автодополнение кода, нумерация строк, функция просмотра, поиск и замена функций, автосохранение, интеграция с Git, разного рода форматирование текста и многое другое.

Здесь вы можете скачать это приложение.

DroidEdit

DroidEdit — по сути, клон Notepad++ для Windows. Кроме стандартного набора языков, данный редактор также поддерживает C, C++, C#, Java, Python, Ruby, Lua, LaTeX и SQL. Кроме того, мое личное мнение, в данном приложении лучше всего реализована подсветка синтаксиса с точки зрения контрастности и цветов.

Платная версия обойдется вам всего в 149 рублей, но если вам действительно приходится часто кодить на ходу — это сущие мелочи. В качестве бонуса за щедрость вы также получите доступ к Dropbox и Google Drive, таким образом сможете напрямую сохранять свои проекты в облако.

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

Quoda Code Editor

Не самый известный редактор даже в данном рейтинге, но всё же присмотритесь к нему. Первая причина — огромное количество поддерживаемых языков: ActionScript, C, C++, C#, CSS, Haskell, HTML, Java, JavaScript, Lisp, Lua, Markdown, Objective-C, Perl, PHP, Python, Ruby, SQL, Visual Basic и XML. Вторая причина — масса полезных бонусов, таких как шаблоны или готовые куски кода, настройка «горячих клавиш» для увеличения вашей производительности, автопроверка кода и многое другое.

К сожалению, как и в случае с DroidEdit, полная версия стоит денег — 225 рублей. Но и ограниченная версия должна вам очень понравиться.

Jota Text Editor

Ну а если вам надоели все эти навороченные редакторы кода, то вот вам простой и мощный инструмент для работы с HTML (и не только). Около 5 миллионов скачиваний и рейтинг, близкий к максимальному, наглядно демонстрируют качество работы с Jota Text Editor. За нулевые вложения вы получаете элементарный редактор, способный лишь определять и подсвечивать синтаксис, а также ограничение в миллион символов. Но надо ли вам больше?

Если нет, то тогда устанавливайте Jota.

Еще одна аббревиатура в названии (AIDE — Android Integrated Development Environment), скрывающая большие возможности разработки. Это некое руководство по созданию приложений для Android, от мобильных до игровых. При этом, это не просто собрание лекций и видео, а полноценный редактор с возможностями отладки, верификации и тестирования.

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

Главное, не забыть скачать себе на мобильное устройство AIDE.

anWriter

Закончим рейтинг бесплатным HTML-редактором с поддержкой CSS, JavaScript и Latex. Это в бесплатной версии. Если заплатите 210 рублей, получите также поддержку PHP и SQL. Кроме того, в комплекте вы найдёте совместимость с HTML 5, CSS 3, jQuery, Bootstrap и Angular, возможности работы с FTP и Google Drive.

В общем, переходите прямо сейчас по ссылке и наслаждайтесь.

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

Источник