Визуальный php css редактор

9 инструментов для разработки проектов на PHP

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

1. PHPStorm

Это интегрированная среда разработки (Integrated development environment, далее IDE) для PHP от компании JetBrains. В редакторе есть много полезных функций, он отлично подходит для работы с PHP, HTML и JS, имеет автоматические средства рефакторинга для PHP и JS, а также функцию автодополнения. Кроме того, в нем можно работать с SQL и базами данных.

Редактор платный, но имеет 30-дневный тестовый период. Есть специальные предложения: бесплатное использование для студентов и учителей, а также для разработчиков опенсорс-проектов.

2. XAMPP

Это бесплатный инструмент, который легок и прост в установке и использовании. XAMPP это дистрибутив Apache, который помимо PHP содержит также Perl и MariaDB. А значит, отлично подойдет тем, кто работает с этой СУБД (ранее дистрибутив шел с MySQL). Имеет открытый исходный код.

3. Eclipse PDT

Это интегрированная среда разработки, которая свободно распространяется и подходит для разработки модульных кроссплатформенных приложений. Изначально Eclipse использовался для разработки проектов на Java, но специальный PDT плагин позволяет подключить поддержку PHP. В Eclipse есть все необходимые для разработки функции, такие как профилирование PHP-кода, подсветка синтаксиса и юнит-тестирование. Единственный недостаток — это ресурсоемкая среда, из-за чего ее будет проблематично использовать в небольших проектах.

4. ScriptCase

ScriptCase RAD (rapid application development — быстрая разработка приложений) позволяет воздать веб-приложение буквально за несколько минут. Это веб-ориентированная платформа, ее можно установить на сервер в интернете. Она представляет собой платформу для разработчиков, позволяющую им использовать для генерации кода графическую оболочку, которая доступна прямо из браузера. Из минусов — сервис платный (от 349 долларов в год), но после установки есть тестовый 20-дневневный период.

5. phpDesigner

phpDesigner — среда обработки, обладающая широким функционалом. В ней есть все для создания и отлаживания динамических веб-проектов, в том числе инструмент для чистки и улучшения PHP-кода. Также в этой IDE есть встроенные редакторы кода HTML5, CSS3 и JS. Благодаря интуитивно понятному интерфейсу пользоваться phpDesigner могут даже новички в разработке. Продукт является коммерческим, но имеет тестовый период в 21 день.

6. Aptana Studio

Aptana Studio обладает удивительным для опенсорсного проекта количеством функций. Работает на Windows, Mac и Linux. Благодаря встроенному PHP-серверу и инструменту отладки вы можете интегрировать сюда другие инструменты PHP для создания и тестирования PHP-приложений в одном окружении.

7. Code Lobster

Code Lobster подойдет тем, кто ищет портативный IDE вариант. Эту среду разработки можно использовать как плагин для одной из популярных CMS (WordPress, Joomla, Drupal) или для популярного фреймворка (Symfony, Yii и т.д.). Code Lobster выпускается в двух версиях — бесплатной и платной, которая имеет расширенные функции.

8. PhpED

PhpED — один из множества инструментов PHP от компании NuSphere. Помимо PHP 7.1, этот редактор поддерживает HTML5, CSS3 и JS. Из интересных функций можно выделить встроенную поддержку DBG (отладчика и профилировщика для PHP) и возможность удаленной отладки PHP-скриптов. Также PhpED совместим со многими другими инструментами из этой статьи.

9. Sublime Text

Эта известная программа прекрасно подойдет тем, кто ищет не IDE, а просто текстовый редактор. Быстрая навигация (Goto Anything) позволяет быстро находить нужные файлы или строки кода, а одновременное редактирование позволяет вносить изменения сразу в нескольких местах кода. Программу можно установить и использовать бесплатно, но это платный продукт, стоимость которого составляет 80 долларов (довольно скромно по сравнению с другими инструментами).

Источник

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

Однажды мне потребовался WYSIWYG редактор, я помнил как он выглядит, его функции, но не помнил названия. Через 45 минут я все же его нашел… Тогда я поставил перед собой задачу помочь многим, в том числе и себе: сделать сводный список всех чуть более известных WYSIWYG редакторов.

Вступление

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

TinyMCE

Один из самых распространенных визуальных редакторов, обладает недюжинным функционалом. Есть множество дополнений, по умолчанию установлено множество плагинов.
(Браузеры: Mozilla 1.3+, MSIE 5.5+, Opera 9.0+, Safari, Chrome)
[Официальный сайт | Демо]

CKeditor

Полный аналог TinyMCE.
(Браузеры: Firefox 1.5+, Opera 9.50+, Safari 3.0+, Camino 1.0+, Internet Explorer 5.5+, Google Chrome)
[Официальный сайт]

CLEditor

Незамысловатый визуальный редактор, особенных функционалом не балует. Но сделан вполне добротно, качественно реализованы все функции.
(Браузеры: Firefox 1.5+, Opera 9.50+, Safari 3.0+, Camino 1.0+, Internet Explorer 5.5+, Google Chrome)
[Официальный сайт]

NicEdit

Редактор очень похож на CLEditor. Обладает стандартным функционалом.
(Браузеры: Firefox 1.5+, Opera 9.50+, Safari 3.0+, Internet Explorer 5.5+, Google Chrome)
[Официальный сайт]

elRTE

Очень качественный визуальный редактор. Обладает широким функционалом. Сделан очень качественно.
(Браузеры: Firefox 3.5+, Opera 10+, Safari 3.0+, Internet Explorer 7+, Google Chrome)
[Официальный сайт | Демо]

Spaw

Очень средний визуальный редактор. Обладает стандартным функционалом.
(Браузеры: Firefox 1.5+, Opera 9+, Safari 3.0+, Internet Explorer 5.5+, Google Chrome)
[Официальный сайт | Демо]

Xinha

Неплохой визуальный редактор, отличительная особенность — множество встроенных action’ов. Т.е. настроить его под свои нужды не составит трудностей.
(Браузеры: Firefox 1.5+, Opera 9+, Safari 3.0+, Internet Explorer 5.5+, Google Chrome)
[Официальный сайт | Демо]

Imperavi (Платный)

Достаточно милый редактор, функционал не большой, но его вполне хватает. Существует ряд ошибок связанных с переходом от html к визуальному редактору и обратно. (убираются align’ы) Важно заметить, что Imperavi работает как плагин к JQuery.
Имеется неплохая документация.
(Браузеры: Firefox 1.5+, Opera 9+, Safari 4+, Internet Explorer 7+, Google Chrome)
[Официальный сайт | Демо]

Markitup

Markitup больше похож на удобный редактор html, который больше подойдет профессионалу, нежели рядовому пользователю. Но если вы знаете html, то он может оказаться вполне удобным.
(Браузеры: Firefox 3+, Opera 9+, Safari 3+, Internet Explorer 6+, Google Chrome)
[Официальный сайт | Демо]

Aloha Editor

Неплохой редактор, очень удобен. Однако существует огромный минус, который затмевает почти все плюсы — это отказ от поддержки старых и не очень браузеров (доступны только последние версии браузеров).
(Браузеры: Требуется поддержка HTML5, Opera не поддерживается)
[Официальный сайт | Демо]

Mercury editor

Mercury представляет собой цельную веб-страницу, и может быть использован для редактирования целой страницы или отдельных определенных областей. Он поддерживает функцию предварительного просмотра отредактированного содержимого, а также размещение ссылок, изображений, видео и таблиц. Загрузка файлов может быть осуществлена посредством интерфейса drag’n’drop.
Редактор также поддерживает совместную работу нескольких человек. Mercury может быть установлен в качестве отдельного Rails, либо за счет внедрения в код страницы. (Требуется JQuery)
И минус в том, что поддерживаются только следующие браузеры: Chrome 10+, Safari 5+, Firefox 4+.
[Официальный сайт | Демо на главной странице]

YUI Rich Text Editor

Визуальный редактор от Yahoo. Как справедливо заметил sdevalex, один из лучших визуальных редакторов. Обладает исчерпывающим функционалом, поддерживает подавляющим большинством браузеров.
[Демо]

MooEditable

Набор функций сильно ограничен, однако порой больше и не требуется.
[Демо]

OpenWysiwyg

Кросс-браузерный полноценный редактор со всеми требуемыми функциями. Он даже включает в себя привлекательные выпадающие меню и кнопки. К сожалению, Chrome не будет поддерживать его.
(IE 5.5+, Firefox 1.0+, Mozilla 1.3+ and Netscape 7+)
[Официальный сайт | Демо]

html-5-wysiwyg

Визуальный редактор на HTML5 со всеми вытекающими из этого последствиями. По большей части, редактор является демонстрацией возможностей HTML-5, нежели готовым продуктом.
(Как следует из названия, требуется поддержка HTML5)
[Страничка на code.google.com]

jWysiwyg

Леговесный плагин для jquery.
[Официальный сайт | Демо]

Реформатор

Визуальный редактор от студии Артемия Лебедева.
[Официальный сайт | Демо]

Итог

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

UPD 0: поправил название
UPD 1: дополнил описание YUI Rich Text Editor (спасибо sdevalex).
UPD 2: добавил jWysiwyg (спасибо mr47).
UPD 3: добавил Реформатор (спасибо kuber).
UPD 3: добавил Реформатор (спасибо kuber).
UPD 4: исправлено: Imperavi стал платным

P.S: 1. если какой не назвал, пишите, исправлю. 2. Если топик не актуален, напишите, уберу.

Источник