Модератор форума: 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). При обращении в ЛС, продублируйте, пожалуйста, описание проблемы
mxCherry
Сообщений: 10
Репутация: 70

Сообщение # 526 | 16:33:08
sch779, конечно, будет. Точные сроки сказать не могу, но планирую пару недель.

#!/usr/bin/perl
Продвинутый
Сообщений: 113
Репутация: 12
Уровень замечаний:

Сообщение # 527 | 16:51:21
В шапке темы указано, что планируется "- Inline изображения (визуальные $IMAGEX$) "

Что это такое? Загрузка фото будет с компа? Со сжатием, как в галерее?

---
Firefox 18
Чудным образом загружается по умолчанию вместо режима визуального реадктора, режим bb-редаткора. То есть при нажатии на "выделить текст", в тексте отображаются коды, хотя я не переходил в режим bb (кнопку справа не нажимал). Удаление куков не помогло.

При этом на форуме сайта все ок - открывается по умолчанию визуальны редактор.

У других пользователей в разнобой (открытие по умолчанию того или иного режима)

Сайт: yubik.net.ru

Проверенный на все 100
Сообщение отредактировал Продвинутый - Четверг, 17 Янв 2013, 16:55:56
NAD
Сообщений: 12
Репутация: 6

Сообщение # 528 | 16:59:22
Добрый день! Это наверное не баг, потому что на этом форуме формат смайликов имеет такой же вид, но это проблема по дизайну, который сейчас искажается поэтому спрошу тут
в связи с новой формой отправки сообщений на форуме вид окошка со смайликами имеет очень узкий длинный вид в Опере 12.12
может кто-нибудь знает как сделать выпадание не вниз а вправо или хотя бы расширеть окошко чуть больше чем на 2 смайлика?
Заранее спасибо за ответ
webanet
Сообщений: 24067
Репутация: 4985

Сообщение # 529 | 17:08:51
mxCherry, у меня вопрос по аякс редактированию на форуме. точнее не по самому редактированию, а по коду. на сайте запрещено оставлять гостям сообщения. естественно у гостя нет прав редактирования сообщений. так почему при этих всех условиях в исходнике для гостя висит километровый скрипт, отвечающий за аякс редактирование сообщений? не лучше ли бы сделать под условие как с визуальным редактором? гость не видит формы добавления/редактирования и нет в исходнике кишек скриптов и стилей, отвечающих за работу редактора. так почему гость видит скрипт аякс редактирования, когда нет ни формы и ничего?

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

ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/
mxCherry
Сообщений: 10
Репутация: 70

Сообщение # 530 | 17:51:02
Цитата (Продвинутый)
В шапке темы указано, что планируется "- Inline изображения (визуальные $IMAGEX$) "
Что это такое? Загрузка фото будет с компа? Со сжатием, как в галерее?

Не совсем. Вот сейчас на форуме можно прикрепить изображение к посту и вывести его в сообщении с помощью $IMAGEN$

А этот пункт позволит вставлять изображения в редактор с предпосмотром. То есть, в визуальном режиме будет видно не код $IMAGEN$, а непосредственно картинка.

Цитата (Продвинутый)
Чудным образом загружается по умолчанию вместо режима визуального реадктора, режим bb-редаткора. То есть при нажатии на "выделить текст", в тексте отображаются коды, хотя я не переходил в режим bb (кнопку справа не нажимал). Удаление куков не помогло.

Кнопка переключения режима в правом верхнем углу сайта зажата?

Режим редактирования (визуальный или BB коды) запоминается в localStorage, при перезагрузке страницы редактор возвращается в сохраненный режим.

Цитата (NAD)
Добрый день! Это наверное не баг, потому что на этом форуме формат смайликов имеет такой же вид, но это проблема по дизайну, который сейчас искажается поэтому спрошу тут в связи с новой формой отправки сообщений на форуме вид окошка со смайликами имеет очень узкий длинный вид в Опере 12.12
может кто-нибудь знает как сделать выпадание не вниз а вправо или хотя бы расширеть окошко чуть больше чем на 2 смайлика?

Здравствуйте,

Не могли бы Вы, пожалуйста, указать адрес сайта или номер дизайна, а также набор кнопок редактора (цветные/черно-белые)?

Думаю, это нужно будет поправить глобально.

Цитата (webanet)
mxCherry, у меня вопрос по аякс редактированию на форуме. точнее не по самому редактированию, а по коду. на сайте запрещено оставлять гостям сообщения. естественно у гостя нет прав редактирования сообщений. так почему при этих всех условиях в исходнике для гостя висит километровый скрипт, отвечающий за аякс редактирование сообщений?

Дельное замечение, сделаю.

Цитата (webanet)
может быть когда-нибудь будет в планах дать на редактирование стили редактора? тогда и проблемы с цветными дизайнами решилась бы автоматически. и это удовлетворило бы всех. ведь полотна стилей импортантами не самое красивое решение и не самое короткое в смысле дублей стилей

Уже отвечал - видимо, мы все-таки придем именно к этому варианту.

#!/usr/bin/perl
Ирокез
Сообщений: 86
Репутация: 17

Сообщение # 531 | 18:16:28
Шидла, mxCherry, а как цвет самих кнопок изменить можно?
Сообщение отредактировал Ирокез - Четверг, 17 Янв 2013, 18:17:23
darksage
Сообщений: 25
Репутация: 3

Сообщение # 532 | 18:37:05
всё пока более менее понятно, но есть существенный минус- при редактировании - нажав на bb-cod для перехода из визуального р. цвет шрифта становится таким же как поле и виден только при выделении, но когда начинаешь редактировать - он невидим, очень большая просьба сделать что-нибудь, многие привыкли работать именно с bb-cod-ами и не стремятся к новшествам...

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

Сообщение # 533 | 18:59:59
Ирокез, смена цвета фона кнопки упирается в смену цвета контейнера кнопок (например, здесь кнопки b, i, u находятся в контейнере).

Примерно так:

.wysibb-toolbar-container {
background: red !important;
}

.wysibb-toolbar-btn:hover {
background: blue !important;
}

Это, конечно же, очень грубый пример.

Первое правило - фон контейнера. Второе - фон кнопки, когда над ней проходит указатель мыши (hover). В засивимости от знаний CSS, можно сделать градиенты и тому подобные красивости.

darksage, пока что быстрое исправление именно для Вашего сайта:

Панель управления → пункт "Дизайн" в Админ-баре → Управление дизайном (CSS)

В конец кода добавьте:

.wysibb-texarea {
color: red;
}

red - это красный цвет, рекомендую заменить на black (черный).

#!/usr/bin/perl
darksage
Сообщений: 25
Репутация: 3

Сообщение # 534 | 19:02:09
Спасибо, попробую

Rock Metal Wave
ana4220
Сообщений: 24
Репутация: 20

Сообщение # 535 | 19:06:41
Шидла, Ввёл Ваш (рекомендованный) стиль, всё работает кроме вот этого:

.wysibb .wysibb-toolbar {
background:#006400; /* фон панельки с кнопками, первый цвет градиента (здесь тоже можно поставить фоновую картинку) */
background-image: linear-gradient(bottom, #eee 50%, #fafafa 100%); /* второй цвет градиента */
background-image: -o-linear-gradient(bottom, #eee 50%, #fafafa 100%); /* тоже второй цвет градиента, для других браузеров */
background-image: -moz-linear-gradient(bottom, #eee 50%, #fafafa 100%); /* тоже второй цвет градиента, для других браузеров */
background-image: -webkit-linear-gradient(bottom, #eee 50%, #fafafa 100%); /* тоже второй цвет градиента, для других браузеров */

background-image: -ms-linear-gradient(bottom, #eee 50%, #fafafa 100%); /* тоже второй цвет градиента, для других браузеров */

Что здесь надо изменить что бы панелька изменилась?
И ещё: как вставить рисунок в панель?
Ссылка
darksage
Сообщений: 25
Репутация: 3

Сообщение # 536 | 19:31:52
mxCherry
Замечательно всё вышло, спасибо !

Rock Metal Wave
Шидла
Репутация: 27

Сообщение # 537 | 21:18:00
Цитата (ana4220)
И ещё: как вставить рисунок в панель?

Код
.wysibb .wysibb-toolbar {
    background: url("ссылка_на_картинку") !important;
}

Добавлено (17 Янв 2013, 20:37:29)
---------------------------------------------
Блин, отредактировать сообщение не могу((

Цитата (ana4220)
Что здесь надо изменить что бы панелька изменилась?

Я забыл в конце перед запятыми добавить !important. Сделайте же это и вы smile
mxCherry, исправьте, пожалуйста мою "инструкцию", дабы не вводить остальных юзеров в заблуждение smile

Добавлено (17 Янв 2013, 21:18:00)
---------------------------------------------
Что-то у меня цвет текста новой формы ввода в режиме WYSIWYG внаглую игнорирует мой стиль smile

Код
.wysibb-body {  
     color: #EFE6BB !important;



I guess love is deaf, too.
ana4220
Сообщений: 24
Репутация: 20

Сообщение # 538 | 00:35:16
Шидла, Спасибо за помощь, всё пошло работать.
светуська
Сообщений: 1
Репутация: 0

Сообщение # 539 | 00:53:43
Спасибо ребят, все получилось, теперь и у меня цветовая схема под мой диз:
Морис
Сообщений: 63
Репутация: 3

Сообщение # 540 | 01:08:49
А как настраивается новая форма визуального редактирования? Хотелось бы добавить кнопки.
Все все все. Нашел.

Сообщение отредактировал Морис - Пятница, 18 Янв 2013, 01:10:57
Сообщество uCoz » Общение пользователей » Разговоры про uCoz » Визуальное редактирование сообщений (тестирование)
Поиск: