Модератор форума: Shеriff, Yuri_G  
Сообщество uCoz » Общение пользователей » Разговоры про uCoz » Визуальное редактирование сообщений (тестирование)
Визуальное редактирование сообщений (тестирование)
Модератор форума
Сообщение # 1 | 18:41:37
В данной теме Вы можете сообщить об ошибках, связанных с визуальным редактором сообщений, а также предложить улучшения.




Обновление uCoz в ночь с 15 на 16 января

Визуальный редактор комментариев был включен для всех сайтов в системе uCoz

Отключить этот редактор можно в Панели управления → пункт "Настройки" в Админ-баре → Общие настройки → Не использовать визуальный редактор комментариев.

Это вернет старую форму BB кодов.

Подробнее...

Ответы на вопросы 1
Ответы на вопросы 2

Инструкция по стилизации редактора от Шидла

Еще осталось достаточно проблем с работой этого редактора, в особенности в Opera и IE. Естественно, они будут исправляться.

Упущено:

- Редактор в личных сообщениях - включен на dev-сервере, с обновлением разойдется по остальным

Ошибки (баги):

Opera:
- Символы в тексте сообщения заменяется на OBJECT - исправлено на dev-сервере (а также здесь на форуме), с обновлением разойдется по остальным (Opera 11.10+)
- Неработоспособность кнопки выбора шрифта и размера текста в Opera 12.10+ - исправлено на dev-сервере (а также на этом форуме), с обновлением разойдется по остальным
- Закрытие модального окна (добавление ссылки, изображения) - исправлено на dev-сервере (а также здесь на форуме), с обновлением разойдется по остальным
- Пересмотреть настройку редактора в ПУ (изменения должны отображаться сразу после перетаскивания кнопок)
- "Прыжки" курсора - под вопросом, для исправления проблемы с модальными окнами был немного изменен алгоритм работы с выделением текста в Opera? теперь курсор ведет себя адекватнее
- Неудобно убирать цитату (приходится нажимать на кнопку "Цитата", по backspace не убирается)
- Выбор шрифта/размера для не выделенного текста

Общие:
- Текст остается в редакторе после добавления сообщения
- Удаление пустых BB-тегов (которые не понимает серверная сторона uCoz)
- Фильтрация переводов строк в теге URL
- Интегрировать смайлы в редактор вне зависимости от наличия $SMILES$ в шаблоне
- Неработоспособность "своих смайлов" в редакторе
- Смайлы в выпадающем списке заменяются на их коды при их выборе

IE:
- Будет полностью пересмотрен.
- Цитата некорректно преобразовывается в BB код.

В планах:

- Метод для очистки редактора (очистка поля ввода + удаление сохраненного текста) - JS
- Разделение наборов кнопок редактора для форума и остальных модулей
- Темный дизайн для редактора
- Пересмотреть стандартный набор кнопок редактора
- Inline изображения (визуальные $IMAGEX$)
- Кнопка AUDIO

Под вопросом:

- Настройка в ПУ "переносить смайлы в редактор"
- Настройка цвета компонентов интерфейса редактора в ПУ
- Отключение визуального редактора для отдельного посетителя (cookies)
- Кнопки Отменить/Вернуть (Undo/Redo)

Пожалуйста, воздержитесь от неконструктивной критики данного нововведения в этой теме!

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

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

- непосредственно описание проблемы
- название и версию Вашего браузера (обязательно в каждом Вашем сообщении об ошибке)

Очень желательно также указать:

- номер стандартного дизайна, при использовании которого можно наблюдать описанную Вами проблему
- адрес сайта, где наблюдается эта проблема (можно в личные сообщения mxCherry). При обращении в ЛС, продублируйте, пожалуйста, описание проблемы
Drinko
Сообщений: 909
Репутация: 773

Сообщение # 346 | 02:43:23
Цитата (alex0005)
как скрыть надпись "Заменять переводы строк тегом <BR> ?

Проще всего стилями:
Код
label[for=format_message], #format_message {display:none;}

mxCherry
Сообщений: 10
Репутация: 70

Сообщение # 347 | 14:17:02
Цитата (mastero444ek)
Эта функция еще не введена на всех сайтах или только на этом форуме техподдержки? Т.к. в на моем сайте до сих пор это окно при вводе большого текста увеличивается не на 75% а безгранично...

Пока что только здесь.

Цитата (Martin1415)
Как теперь кнопка цитирования возле сообщений используется в визуальной форме?

Скрипт этого редактора просто подхватывает все кнопки цитирования на странице. Грубо говоря, способ работы этих кнопок отличается только для визуального режима. Для режима BB кодов вызывается та же функция (Insert), что и для старой формы:


Код
if( visualMode ) {
// используется метод объекта редактора
} else {
// используется стандартная функция Insert
}

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

Цитата (Martin1415)
Еще одна вещь ну наверное сложное в реализаций но все-таки скажу. Выбираешь текст и задаешь ему размер, не понравилось - выбираешь тот самый текст и меняешь размер но вместо этого он его вставляет в двойном бб-коде

Вроде бы в виз. режиме такого нету - в нем с текста снимается текущее форматирование (размер шрифта) и применяется новое. Подтвердить не смог.

sch779, ох уж этот IE! sad Буду еще править.

Цитата (sch779)
4. Не работает увеличение высоты поля ответа! Или здесь эта функция неактивна?

Да, для IE неактивна. Извиняюсь за "дискриминацию" - решил не тратить время на ее адаптацию для IE. Возможно, сделаю.

Цитата (Martin1415)
Для визуальной формы нужна кнопка "откатить - undo" ,это бы помогло в таких случиях как у sch779 когда потеряется весь текст из за случайности. Так и у меня было.

Хм. Неплохая идея. В прицнипе, можно сделать пару новых кнопок - Undo/Redo (Отменить/Вернуть). Только что попробовал - в принципе, это легко, если не заморачиваться со "сложными" кодами вроде "цитаты", "кода". То есть, эти кнопки были бы хороши для потерянного текста (естественно, саму ситуацию с "потерей" текста нужно устранить) и простого форматирования (Bold, Italic, Underline...).

Цитата (nick5942)
1) было бы удобнее когда добавляешь картинку или ссылку или видео, что бы после добавления окошко скрывалось, как когда добавляешь в bb редакторе

о_О Так вроде бы здесь модальные окна так и работают. Только что перепроверил ссылку - окошко закрывается как при нажатии на "Сохранить", так и по Enter. Не могли бы Вы уточнить Ваш браузер/версию?

Цитата (nick5942)
2) когда добавил ссылкужмешь по ее названию выделяеться кнопочка ссылки, при нажатии на нее, название ссылки есть, а самой ссылки нету, тоже самое и с картинкой.

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

Сразу извиняюсь, если вдруг у кого-то переспрашиваю название/версию браузера - все не запомню, а перечитывать тему в поисках долго.

#!/usr/bin/perl
sch779
Сообщений: 703
Репутация: 348

Сообщение # 348 | 15:48:13
Цитата (mxCherry)
Вроде бы в виз. режиме такого нету - в нем с текста снимается текущее форматирование (размер шрифта) и применяется новое.
Подтверждаю в IE9 для визуального режима:
- выделяю текст и устанавливаю некий размер
- повторно выделяю этот же текст и выбираю другой размер - никакой реакции! После переключения в BB-режим виднен только код установки первого размера.
Кстати, многие функции в визуальном режиме не работают по причине того, что при выборе инструмента в панели инструментов сразу-же "слетает" выделение текста!
Как пример некорректной работы функции "Размер шрифта" (работает некорректно, кстати, и в BB-режиме!):
- пишем новое сообщение
- выделяем текст и жмем на основное поле кнопки "Aa"
- выделение сразу "слетает" и установка размера не срабатывает (курсор при этом "прыгает" в самое начало поля редактирования!)
- если нажать не на саму кнопку "Aa", а на ее "боковинку" со стрелочками, то выделение не "слетает" и размер устанавливается.
- если встать на текст, к которому уже применялась функция "Размер шрифта", то на кнопке вместо "Aa" отображается размер шрифта и нажатие на основное поле этой кнопки уже не сбрасывает выделение текста (хотя размер все равно больше не изменяется!)

Цитата (mxCherry)
ох уж этот IE!
К IE у меня, к примеру, претензий никаких нет! Если писать на кроссбраузерном коде, то все работает как положено в любом браузере.
По крайней мере, с тех пор как стал использовать исключительно jQuery, любой мой код исправно работает во всех браузерах!
Я, конечно, понимаю - груз старых библиотек, написаных на "чистом" js, заставляет "вертеться" как "уж на сковородке"!
Но это - не повод, что бы "катить бочку" на IE! Это, имхо, лишь повод задуматься о поиске замены этих старых библиотек или исправлению в них некроссбраузерного кода.
Согласитесь - проще и надежнее использовать код $(.classname) вместо громоздких "костылей" на "чистом" js без гарантии их корректной работы во всех браузерах?!
nick5942
Сообщений: 54
Репутация: 4

Сообщение # 349 | 16:12:47
Цитата (mxCherry)
Не могли бы Вы уточнить Ваш браузер/версию?
браузео Opera 12.12
вот скрипн когда жмешь на текст ссылки и на кнопку ссылки что бы отредактировать

Добавлено (10 Янв 2013, 16:12:47)
---------------------------------------------
в хроме при клике добавить, да скрываеться сразу окошко, но когда редактируешь ссылку в поле url ссылки нету ее

Прикрепления: 3820657.png (12.2 Kb)
mxCherry
Сообщений: 10
Репутация: 70

Сообщение # 350 | 19:49:54
sch779, чистый jQuery работает selection/range (которые, в принципе, одинаково реализованы во всех браузерах, кроме IE)? Были мысли посадить редактор на rangy, но минифицированный rangy-core весит около 40KB, поэтому эти мысли были отброшены. В общем, прекращаем оффтопить по поводу IE.

nick5942, принято.

#!/usr/bin/perl
Martin1415
Сообщений: 48
Репутация: 10

Сообщение # 351 | 21:42:55
Цитата (mxCherry)
Вроде бы в виз. режиме такого нету - в нем с текста снимается текущее форматирование (размер шрифта) и применяется новое. Подтвердить не смог.

У меня так случается даже у вас - скриншот в доказательстве. Если что, напоминаю FireFox (Уже 18.0 biggrin )

Цитата (mxCherry)
ох уж этот IE!
Осел остается ослом, можно и списовать и на верстальщика но сколько может этот осел свои стандарты и навороты делать. Пока все браузеры впереди и как-то по маленькому выходят в один стандарт - этот свои навороты придумывает (Исходя из моего опыта)... Немножко в оффтоп smile

Цитата (mxCherry)
Хм. Неплохая идея. В прицнипе, можно сделать пару новых кнопок - Undo/Redo (Отменить/Вернуть). Только что попробовал - в принципе, это легко, если не заморачиваться со "сложными" кодами вроде "цитаты", "кода". То есть, эти кнопки были бы хороши для потерянного текста (естественно, саму ситуацию с "потерей" текста нужно устранить) и простого форматирования (Bold, Italic, Underline...).
Вполне с вами соглашусь smile

Добавлено (10 Янв 2013, 21:42:55)
---------------------------------------------

Цитата (mxCherry)
Дайте знать, если Вам требуется инструкция, как сделать свою кнопку для вставки цитаты.
Мы этому будем только рады!
Прикрепления: 2340657.png (48.7 Kb)

Живой вопросник =)
va5ilius
Сообщений: 2
Репутация: 5

Сообщение # 352 | 00:51:15
Пропали смайлики...

В настройках:



На форуме:

Прикрепления: 2485509.png (14.2 Kb) · 6369611.png (4.6 Kb)
mxCherry
Сообщений: 10
Репутация: 70

Сообщение # 353 | 13:02:54
va5ilius, странно. Поставил такой же порядок кнопок/разделителей у себя на сайте - есть смайлики. Не могли бы Вы, пожалуйста, написать мне в личные сообщения адрес сайта, где эта проблема присутствует? Хочу посмотреть "в реальных условиях", в чем там беда.

#!/usr/bin/perl
mxCherry
Сообщений: 10
Репутация: 70

Сообщение # 354 | 13:47:57
Цитата (Martin1415)
У меня так случается даже у вас - скриншот в доказательстве. Если что, напоминаю FireFox (Уже 18.0 )

А, так это в BB режиме smile Принято.

Цитата (Martin1415)
Дайте знать, если Вам требуется инструкция, как сделать свою кнопку для вставки цитаты.
Мы этому будем только рады!

В общем, все сводится к вызову:

$('#message').execCommand( 'quote', { 'seltext': 'Какой-то текст', 'author': 'userName' } );

"Какой-то текст" (текст цитирования) и "userName" (автор) можно (и нужно!) заменить своими.

Конечно, можно не передавать в объекте seltext и/или author. Тогда в редакторе получим цитату без этих параметров (пустую, например).

Вот пример кнопки, которая вставит в редактор цитату от mxCherry с текстом "Привет, народ!":

Код
<input type="button" class="myQuoteButton" value="Вставить цитату">
<script type="text/javascript">
$( function() {
$('.myQuoteButton').execCommand('quote', {'seltext': 'Привет, народ!', 'author': 'mxCherry'});
} );
</script>

Естественно, это можно сильно кастомизировать в зависимости от познаний в JS-е.

#!/usr/bin/perl
Martin1415
Сообщений: 48
Репутация: 10

Сообщение # 355 | 23:59:42
Цитата (mxCherry)
А, так это в BB режиме smile Принято.
эээээээээээ, нет. Это я результат показываю ,что в визуалке после этих действий происходит. Просто по другому показать на скрине не могу smile К бб кодам претензий не имею.

Цитата (mxCherry)
Естественно, это можно сильно кастомизировать в зависимости от познаний в JS-е.
Спасибо, буду подстраивать под свои нужды ! smile

Живой вопросник =)
Aura
Сообщений: 33
Репутация: 42

Сообщение # 356 | 01:10:03
А будет возможность пользователям менять дизайн визуальной системы?
А-то она беленькая, современная, а у есть сайты с дизайном "древним", и не очень вписывается.

И когда будет, кстати, редактирование (изм.) сообщение на js?
Сообщение отредактировал Aura - Суббота, 12 Янв 2013, 01:10:36
Martin1415
Сообщений: 48
Репутация: 10

Сообщение # 357 | 04:18:15
Aura, В общих настройках можно черно белый дизайн использовать. По моему он на JS и работаить blink

Живой вопросник =)
Aura
Сообщений: 33
Репутация: 42

Сообщение # 358 | 05:17:18
В общем, вопрос. У многих в этой теме, я так поняла, есть возм. включить эту визуальные сообщения.

У меня в общих настройках такого пункта нет и в помине. Неужели для этого нужен премиум?
Или же.. Как включить визуальную форму? Уж очень хочется потестировать на сайте.
†Angel†
Сообщений: 387
Репутация: 128
Уровень замечаний:

Сообщение # 359 | 12:14:59
Цитата (Aura)
У меня в общих настройках такого пункта нет и в помине. Неужели для этого нужен премиум? Или же.. Как включить визуальную форму? Уж очень хочется потестировать на сайте.
Панель управления: Главная » Общие настройки
Прикрепления: 6968415.jpg (56.0 Kb)

Adguard - Рекламы не будет!
adminsayta
Сообщений: 47
Репутация: 10

Сообщение # 360 | 12:49:50
В виз.редакторе вв кодов когда добавляешь текст в спойлер не удобно:

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




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

2. И еще, когда хочешь просмотреть написанное сообщение, выдает окошко в котором пишет, что текст сообщения не указан.
Прикрепления: 0609376.jpg (81.2 Kb) · 2542203.jpg (27.8 Kb)

Категорически запрещается любая реклама, в том числе реклама интернет-проектов.
Сообщение отредактировал adminsayta - Понедельник, 14 Янв 2013, 15:00:55
Сообщество uCoz » Общение пользователей » Разговоры про uCoz » Визуальное редактирование сообщений (тестирование)
Поиск: