Визуальный Html Редактор Для Чайников
Однажды мне потребовался WYSIWYG редактор, я помнил как он выглядит, его функции, но не помнил названия. Через 45 минут я все же его нашел Тогда я поставил перед собой задачу помочь многим, в том числе и себе: сделать сводный список всех чуть более известных WYSIWYG редакторов. Вступление Данный топик представляет собой обширный список визуальных редакторов, почти или частично пригодных для использования. Цель, которой я руководствовался, заключался в том, чтобы систематизировать существующие данные, разбросанные по интернету.
К преимуществам использования визуального редактора CSS WordPress. Для внесения изменений не. Возможности визуального редактора Front-end Editor. Что визуальный редактор.
Редактор Html Онлайн
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 Неплохой редактор, очень удобен. Однако существует огромный минус, который затмевает почти все плюсы — это отказ от поддержки старых и не очень браузеров (доступны только последние версии браузеров).
Html Редакторами Являются
(Браузеры: Требуется поддержка HTML5, Opera не поддерживается) Mercury editor Mercury представляет собой цельную веб-страницу, и может быть использован для редактирования целой страницы или отдельных определенных областей. Он поддерживает функцию предварительного просмотра отредактированного содержимого, а также размещение ссылок, изображений, видео и таблиц. Загрузка файлов может быть осуществлена посредством интерфейса drag'n'drop. Редактор также поддерживает совместную работу нескольких человек. Mercury может быть установлен в качестве отдельного Rails, либо за счет внедрения в код страницы. (Требуется JQuery) И минус в том, что поддерживаются только следующие браузеры: Chrome 10+, Safari 5+, Firefox 4+. Демо на главной странице YUI Rich Text Editor Визуальный редактор от Yahoo.
Как справедливо заметил, один из лучших визуальных редакторов. Обладает исчерпывающим функционалом, поддерживает подавляющим большинством браузеров.
MooEditable Набор функций сильно ограничен, однако порой больше и не требуется. OpenWysiwyg Кросс-браузерный полноценный редактор со всеми требуемыми функциями. Он даже включает в себя привлекательные выпадающие меню и кнопки. К сожалению, Chrome не будет поддерживать его. (IE 5.5+, Firefox 1.0+, Mozilla 1.3+ and Netscape 7+) html-5-wysiwyg Визуальный редактор на HTML5 со всеми вытекающими из этого последствиями. По большей части, редактор является демонстрацией возможностей HTML-5, нежели готовым продуктом.
(Как следует из названия, требуется поддержка HTML5) jWysiwyg Леговесный плагин для jquery. Реформатор Визуальный редактор от студии Артемия Лебедева. Итог Надеюсь топик окажется вам полезным. Если вы нашли, что какой-либо визуальный редактор отсутствует, всенепременно напишите мне об этом, я буду вам очень благодарен. UPD 0: поправил название UPD 1: дополнил описание YUI Rich Text Editor (спасибо ). UPD 2: добавил jWysiwyg (спасибо ). UPD 3: добавил Реформатор (спасибо ).
UPD 3: добавил Реформатор (спасибо ). UPD 4: исправлено: Imperavi стал платным P.S: 1.
Html Скачать
Если какой не назвал, пишите, исправлю. Если топик не актуален, напишите, уберу. Метки:.
Добавить метки Пометьте публикацию своими метками Метки необходимо разделять запятой. Например: php, javascript, андронный коллайдер, задача трех тел. И правильно делаете! Все-таки, в большинстве случаев редакторы используются там, где есть возможность убедить пользователя обновить браузер. А тянуть кучу лишних костылей ради поддержки ИЕ6 и иже с ним — да ну их, ей-богу! К сожалению, главный минус Aloha не в этом (он не указан в статье): дело в том, что эта дрянь включает в себя полностью код jQuery (и еще какого-то js-фреймворка, запамятовал).
И при всех его плюсах, рука не подымается на одной странице два раза загружать и исполнять jQuery. А вообще жаль: он очень не плох. Ваш редактор крут!;).
Я думал, что узнаю что-то новое Банальный тест: 1. Печатаем текст в редакторе — два абзаца 2. Выделяем текст в редакторе — от середины первого абзаца и до середины второго (ни один абзац полностью не выделен) 3. Жмем (например) кнопку «Ж» 4. Смотрим в HTML Очень многие из перечисленных редакторов ведут себя, мягко говоря, «интересно» даже в таком банальном тесте (кстати, разные браузеры гарантируют разное поведение). Например, nicEdit.
Отвратный редактор. Spaw — обычный редактор? Да вы в исходный код будьте добры залезть! CKEditor — это то же самое, что и TinyMCE? Попробуйте для последнего мало-мальски тему написать, увидите, о чем я. Я не говорю уже про то, что CK адаптирован под написание сторонних файлбраузеров и имеет свой, правда, платный (но где наша не пропадала, верно?).
Короче говоря, обзор — одно название. На самом деле, выбор редактора — это в наши дни дело довольно тонкое. С визуальными редакторами работают как понимающие в HTML люди, так и совершенные профаны. И здесь возникает куча нюансов. Никто никогда не задавался вопросом, почему размеры jwysiwyg (плагина для jquery) и, скажем, tinymce так сильно разнятся?
Редактор Html Страниц
А я вам скажу — как раз из-за того, что внутри этого самого редактора присутствует куча логических конструкций, предотвращающих даже умышленную ломку структуры будущего DOM-дерева. Плюс — эти логические конструкции для некоторых браузеров исполнены по-разному. Лично я для себя избрал CKEditor. И всем советую. Правда, любители оперы не одобрят повсеместное использование этим редактором контекстных меню (которые, кстати, сильно экономят место от ненужных кнопок), но всегда ведь можно включить в настройках обработку яваскриптом ПКМ-событий. И тем не мене после tinymce DOM полное говно. И после google docs — полный ахтунг (чего только стоят перекрытия и коверканья стилей текста).
Я вообще склонен считать, что при текущей стандартизации HTML и браузеров в принципе невозможен невозможен WYSIWYG редактор хоть сколько ни будь сравнимый с десктопным. Скорее всего следующее поколение будет canvas-е, с полным контролем каждого пикселя и архитектурно схожим с десктопными WYSIWYG редакторами, с полной отвязкой от DOM и экспортом в него только on demand. Текущие нагромождения полудокументированных html хаков не уже имеют шансов стабилизироваться и улучшить качество выдаваемого DOM. TinyMCE — очень тяжелый.
Иногда он просто излишний, а люди берут его только потому, что он распиарен. Хотя для многиз задач всего функционала не нужно. Да, можно отключить, но все равно будет загружаться все его ядро. Alloha — на момент поиск редактора для наших проектов он не поддерживал align команды. Jwysiwyg — приличный редактор. Хотя немного не опрятный. Например, ресайзинг с помощью jqueryUI плагина лагает и вообще «тяжелый».
Imperavi — Вы его исходники смотрели? Там засран глобал. Дальше я скрипт даже не стал смотреть:).
Недавно столкнулась с такой проблемой: использовала elrte и fceditor в админке, но заказчики сайтов (в сущности, обычные пользователи) не могли добавлять фотографии в текст. Слишком сложный для них механизм. Теперь использую imperavi (правда, в самой последней версии они слишком урезали функционал). Чуть дописала, и в принципе, пока устраивает но багов там все-таки достаточно. Может, кто-то подскажет какой-нибудь wysiwyg редактор с возможностью простого добавления картинок через кнопочку обзор (беглый взгляд на список представленных редакторов ничего нового не принес, везде предлагают ввести url). Насчет MarkItUp — я не согласен, что это только лишь удобный редактор HTML.
Он поддерживает большинство современных разметок кода: reStructuredText, Markdown, Textile, Wiki-syntax, BBcode и др. Единственное, чего в нём нет — это visual RTE, привычного нам по всем остальным редакторам.
Но имхо — в сегодняшней реализации возможностей RTE браузерами — лучше эти возможности и не использовать (слишком много мусора накапливается в коде, особенно при вставке из Word, думаю вы меня понимаете). Мой персональный выбор — MarkItUp (можно смело вставлять в блоги для программеров).
Ну прежде всего, насколько я понимаю, редактор должен быть доступен в максимальном числе браузеров. Если он работает только в самых продвинутых — кому это нужно? По идее, даже ИЕ6 должен поддерживаться (да знаю, знаю куда его засунуть нужно.). Во вторых, редактор не должен использовать реальных кнопок У меня тут одна симпатичная тема убила напрочь желание смотреть на Whizzywig например Ну да, понятно, куда такую тему засунуть Мне видится тут наименее сырым TinyMCE. Но я обязательно проверю остальные. А за обзор (точнее перечисление) спасибо. Пойдет в избранное.
Там они могли жить так, как они хотели, не испытывая на себе все тяготы жизни в обществе множества людей. Фильм конотопская ведьма торрент. В поисках лучшей жизни глубоко религиозная семья покидает свою родную страну и отправляется в одну из британских колоний. Их путь лежал в Новый Свет, где они поселились среди большого скопления таких же переселенцев, как и они, но вскоре они решили жить более обособленно и перебрались жить на окраину леса.