Поиск в системе

Красиво оформленное сообщение - это не только приятное глазу форматирование, но и средство расстановки акцентов в тексте. А добавленные медиа-данные (изображения, видео) позволяют лучше передавать суть сообщения. Таким образом возможность оформлять сообщения - одна из важнейших возможностей, предъявляемых к современным системам создания сообществ. Важно, чтобы оформление сообщений было удобно, эффективно и безопасно. Мы, при проектировании AlterVega, очень подробно рассмотрели возможные реализации данной возможности. Сейчас мы хотели бы поделиться с вами нашими исследованиями в этой теме. Существуют три основных подхода к реализации оформления текста в сообществах: BB-код Вики-подобный синтаксис WYSIWYG | RTE (HTML) BB-код Появился, как безопасный аналог HTML, с появлением первых систем для создания сообществ. Скорее всего вы уже работали с ним, по-крайней мере встречали записи вида: жирный текст, тегов HTML специальными тегами BB-кода. Так как BB-код разрабатывался, как заменитель, правила его использования аналогичны правилам использования HTML (уникальность имен тегов, парность открывающихся/закрывающихся тегов, правильная вложенность). Вики-подобный синтаксис Для простого пользователя BB-код ничем не лучше HTML, так как он требует соблюдения правил оформления (вспомните про парность, вложенность и т.д.). Он также требует знания имен тегов. В вики-форматировании попробовали совместить безопасность BB-кодов и легко запоминаемые условные обозначения для форматирования текста. Например: //текст курсивом//, **жирный текст*, [[http://altervega.ru]] WYSIWYG (What You See Is What You Get) | RTE (Reach Text Editor) Аббревиатура, в переводе с английского, означает, «что видишь, то и получишь». Перевод точно отражает принцип оформления текста в WYSIWYG. Данный способ избавляет пользователя от необходимости заучивать теги или условные обозначения. Более того, современный пользователь уже встречался с похожим инструментом форматирования текста в текстовых редакторах. Однако, WYSIWYG работает с HTML, что полностью исключает его использование, как безопасного инструмента форматирования текста сообщений. Давайте вспомним задачу, которая стояла перед нами, на момент начала поиска решения. Нам был необходим удобный и безопасный способ оформления сообщений. Очевидно, что ни один из рассмотренных выше вариантов не решает 100% эту задачу. Но других решений нет. Чтож, начинаем выбор правильного направления. BB-код: требует знания специфических тегов и правил их расположения. Опытные пользователи не раз замечали, как новички портят свои сообщения просто случайно удалив закрывающий тег. в конечном итоге BB-код преобразовывается в HTML, при этом механизм, правильно осуществляющий это преобразование, должен учитывать огромное количество нюансов для создания валидного HTML. BB-код синтаксически ограничен в угоду безопасности. Но пользователи хотят больше возможностей оформления, в итоге разработчики начинают расширять синтаксис, что влечет к усложнению обработки тегов и появлению проблем в безопасности. BB-код не стандартизирован. В одном продукте может быть один набор, в другом другой. Это не позволяет пользователю выработать навык обращения с этим псевдо-языком. В итоге он (пользователь) всегда будет ощущать дискомфорт. Вики-подобный синтаксис: требует знания сокращений. Более придирчив к шаблону сокращения, например _текст_ и __текст__ уже не одно и тоже. А значит заставляет пользователя все время контролировать правильность. в конечном итоге преобразуется в HTML. Проблема схожа с BB-кодом. опять же ограничен в угоду безопасности и содержит мнемонику только для основных вариантов оформления. Если нужны другие варианты оформления начинает смешиваться с BB-кодом. мало знаком пользователям современных форумов. Фактически ни один, существующий на рынке продукт, не имеет поддержки вики-подобного синтаксиса. Пользователям нужно будет переучиваться с одного варианта оформления на другой. WYSIWYG много браузеров, много вариантов реализаций работы wysiwyg функциональности. Где-то может работать одно, но не работать другое и наоборот. HTML на выходе. Однако HTML-валидный и у современных редакторов с отфильтрованными недопустимыми тегами. Выходит, что BB-код и вики-подобный синтаксис, обладая несовсем очевидным плюсом в безопасности (и то, только до определенного предела), фактически не эффективны и не удобны для обычного пользователя. В тоже время WYSIWYG предоставляет хорошо узнаваемый и изученный паттерн поведения, кроме того предоставляя удобство визуального оформления текста, но есть недостаток в безопасности. Наш продукт направлен на удобство пользователей, потому мы отказались от использования BB-кода и вики-подобного синтаксиса. Однако мы не забыли и про безопасность. Мы доработали и внедрили необходимые функции для анализа DOM отправляемых текстов, что позволяет отсечь нежелательные теги, атрибуты и умышленные вредоносные конструкции. В результате мы получаем перспективный, быстрый и удобный редактор, который будет безопасным и удобным инструментом для ваших пользователей. Вставка видео Наш визуальный редактор позволяет также с легкостью вставлять в публикации ваших пользователей видео-ролики с популярных сервисов. Для этого нужно просто взять и вставить в сообщение тексты ссылки на видео. Вот такой: http://www.youtube.com/user/alterwega Наш редактор поддерживает следующие сервисы: YouTube Видео@Mail.ru Facebook Вконтакте RuTube Google Video Smotri.com Rambler.Vision Кроме этого, пользователь может быстро прикрепить нужное количество файлов или картинок к сообщению. Об этом в отдельной статье.

Ранее я уже рассказывал о новом редакторе в 3.2.0. Он представляет собой надежный текстовый редактор в сочетании с пользовательским BB кодами и функцией автоматического сохранения. Сегодня я хотел бы показать некоторые улучшения пользовательского интерфейса и удобства использования, которые мы сделали в этой области. Во-первых, когда пространство ограничено, он отображается в «минимизированном» виде. Скриншот ниже показывает, что в свернутом виде редактор выглядит как обычное поле для ввода текста, с которым все знакомы. http://www.invisionpower.com/uploads/sshots//Shades-20110209-162033.jpg После нажатия на область ввода текста, чтобы начать ввод текста вашего сообщения, редактор будет расширен до полного, готового к работе: http://www.invisionpower.com/uploads/sshots//Shades-20110209-162225.jpg Кроме того, мы пошли дальше и добавили "Ajax ответ " и "Ajax цитирование". Это повышает скорость обработки операций IP.Board благодаря удалению страницы перезагрузки и дает ему больший эффект "приложения" благодаря мгновенному размещению и обновлению страницы. Ниже я привел короткое видео, демонстрирующее работу новых возможностей. Пожалуйста, обратите внимание, что все функции еще находятся в стадии разработки, поэтому окончательный вариант может отличаться от того, что вы сейчас видите. Кроме того я сейчас работаю в режиме "разработки" с CKEditor, а это означает, что есть небольшая пауза при его загрузке. В коробочной версии продукта этого не будет. Мы надеемся, что вам понравятся эти усовершенствования и они сделают вашу работу приятной. Оригинал записи: http://community.invisionpower.com/blog/1174/entry-5825-ipboard-320-new-text-editor-part-ii/

Почти десять лет назад IP.Board начал поставлялся с довольно продвинутым функциональным редактором, который позволял быстро форматировать текст в "WYSIWYG" формате. Это была захватывающая технология. Интернет – это постоянно развивающиеся пространство, веб-браузеры и технологии переживают то взлеты, то падения, и поддерживать эти изменения становится все труднее и труднее. Поэтому мы решили отказаться от собственного редактора в пользу продукта от сторонних разработчиков. IP.Board 3.2.0 будет поставляться с отличным CKEditor в качестве стандартного редактора сообщений. Это грамотно разработанный и проверенный временем редактор, с расширяемыми функциональными возможностями. Он постоянно дорабатывается и вам будет достаточно обновить версию, идущую с IP.Board, на новую чтобы получить все последние изменения. Примите во внимание, что скриншоты и видео ниже сделаны на самой ранней версии IP.Board 3.2.0 и редактор, вероятно, будет иметь иной интерфейс. Доступно все что было раньше в IP.Board Мы написали множество плагинов, чтобы не потерять в функциональности. Вы все также можете создавать собственные BB-коды и легко добавлять кнопки в редактор через Admin CP, вы также можете добавлять собственные смайлы. http://www.invisionpower.com/uploads/sshots//Shades-20110208-161900.jpg http://www.invisionpower.com/uploads/sshots//Shades-20110208-161937.jpg Переключение между режимами Нам нравится новый редактор и то, как он поддерживается почти всеми основными браузеры, поэтому мы сделали его основным при написании ответа и добавлении новых тем. Однако есть моменты, когда вы хотите использовать BBCode и с учетом этого, вы можете переключаться между режимами редактирования текста без перезагрузки страницы. Авто сохранение текста Новой и действительно удобной функцией, которую мы добавили является автоматическое сохранение. По мере ввода, редактор проверяет, есть ли новое содержание и если есть, он перебрасывает его на сервер с помощью Ajax, чтобы сохранить то, что вы написали. Если что-то происходит с открытой страницей редактора, при перегрузке вы увидите сохраненное содержание и сможете быстро восстановить его. Таким образом вы не потеряете сообщение, во время сбоя браузера или сервера. http://www.invisionpower.com/uploads/sshots//Shades-20110208-161656.jpg IP.Board сохранит все. http://www.invisionpower.com/uploads/sshots//Shades-20110208-161743.jpg Обновление страницы без отправки сообщения позволяет просматривать и при необходимости восстанавливать любой текст, который был автоматически сохранен. Мы надеемся, что вам понравится новый редактор в IP.Board 3.2.0 и дополнительные возможности, которые мы добавили. Нам он очень нравится! Оригинал записи: http://community.invisionpower.com/blog/1174/entry-5822-ipboard-320-new-text-editor/