Разработчикам

Описание стилей в .styles.php

Описание стилей в .styles.php, визуальный редактор похоже игнорирует описания стилей

Заглянувший

Сообщений: 2 Регистрация: 01.07.2014

01.07.2014 13:40:17

Добрый день! Прочитал про такую прекрасную опцию, как описание стилей в файле .styles.php.

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

Однако, в визуальном редакторе Битрикса я не вижу никаких кнопок с названиями, которые я прописал в .styles.php в корне моего шаблона, хотя этот файл Битрикс точно видит (в админке информацию из него показана, см. скриншот). Соотвественно обычно пользователь не сможет использовать этот стиль, если только не будет руками вводить класс в свойствах div’а.

styles.css:

Код

.article:nth-of-type(n) {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-width: 50%;
    -webkit-column-width: 50%;
    column-width: 50%;
    -webkit-column-gap: 65px;
    -moz-column-gap: 65px;
    column-gap: 65px;
    text-align: justify;
}

.styles.php:

Код
<? return array( "article" => "Две колонки", "h1" => "Тест", ); ?>

Скриншот административной панели:

Пользователь 268199 Заглянувший Сообщений: 2 Регистрация: 01.07.2014	#2 01.07.2014 18:24:42 Как я где-то прочел, что новый визуальный редактор не поддверживает описание собственных стилей в .styles.php (можно менять только готовые h1, h2, div и т.п.) Это разве правда?

Пользователь 25071 Заглянувший Сообщений: 41 Баллов: 2 Регистрация: 26.05.2008	#3 09.09.2014 17:51:08 Вот вопрос про новый редактор очень интересует. Файл .styles.php вообще никак отображается в новом виз.редакторе Делитесь своими знаниями – это путь к бессмертию. Если ответ помог - жмём "Нравится").

Пользователь 273478 Заглянувший Сообщений: 1 Регистрация: 01.08.2014	#4 09.09.2014 19:03:38 Тоже интересует вопрос про отображение в новом редакторе. Пришлось снова включить старый.

Пользователь 106456 Заглянувший Сообщений: 23 Баллов: 2 Регистрация: 17.11.2011	#5 17.10.2014 12:56:03 Всем привет. Вопрос актуален.

Пользователь 230298 Постоянный посетитель Сообщений: 181 Баллов: 15 Регистрация: 24.02.2014	#6 07.06.2015 05:25:28 Может эта фича поддерживаться больше не будет? Ждем оф. Ответа! Быстрая помощь. Установка, настройка серверов, натянуть шаблон, написать код, навлеч трафик, проверить на уязвимости. И +++ ICQ 228-59-59 SKYPE Yozchel

Пользователь 208285 Заглянувший Сообщений: 26 Баллов: 1 Регистрация: 28.07.2013	#7 03.07.2015 13:27:10 судя по видео презентации обновленного нового визуального редактора в версии Битрикс 15.5 все это должно поддерживаться, но как это реализовать пока не ясно.

Пользователь 31289 Постоянный посетитель Сообщений: 82 Баллов: 13 Регистрация: 15.10.2008	#8 03.07.2015 23:29:14 тоже очень актуален вопрос по реализации своих стилей в новом редакторе

Пользователь 296717 Постоянный посетитель Сообщений: 154 Баллов: 12 Регистрация: 26.11.2014	#9 25.08.2015 15:21:22 Не ужели никто еще не нашел как это делается в версии 15.5.4?

Пользователь 100182

Заглянувший

Сообщений: 5 Регистрация: 30.08.2011

#10

25.08.2015 15:34:06

Для того, чтобы заработало в новом визуальном редакторе, массив в .styles.php нужно переписать. Спасибо битриксу за то, что это всё ещё нигде не
документировано, хотя новый редактор уже давным давно используется.
Итак, новый формат массива:

Код
$arStyles = array( "small" => array("title"=>"Сноски", "tag"=>"p"), "big" => array("title"=>"Большой", "tag"=>"div"), "intro" => array("title"=>"Интро", "tag"=>"p") );

Появился ключ "tag", который позволяет указывать тег, в который текст будет оборачиваться. Есть ещё возможность использовать ключ "html" для изменения визуального отображения пункта меню в списке (например, добавить изображение или специальный класс). Визуально это всё пока не настраивается, так что только изменять файл вручную.

Пользователь 296717

Постоянный посетитель

Сообщений: 154 Баллов: 12 Регистрация: 26.11.2014

#11

25.08.2015 16:03:26

Я изменил - разницу не увидел
Но и в визуальном редакторе (новом) новые "стили" не появились
Подскажите пожалуйста, где дальше копать

PS кэш чистил, в другом браузере открывал

PSS приложил файл - при изменении, картина не меняется
Подскажите пожалуйста где искать ответ?

Прикрепленные файлы

стиль.png (508.88 КБ)

Пользователь 100182

Заглянувший

Сообщений: 5 Регистрация: 30.08.2011

#12

26.08.2015 13:30:46

В визуальной части (на втором скрине) ничего делать не нужно, там стили пишутся по старому формату.
Нужно переписать styles.php как раз так, как я указал.
В вашем случае:

Код
$arStyles = array( "small" => array("title"=>"Маленький текст", "tag"=>"p"), "h1" => array("title"=>"Заголовок первого уровня — 33px", "tag"=>"p") );

Пользователь 148126

Посетитель

Сообщений: 34 Баллов: 5 Регистрация: 01.11.2013

#13

26.08.2015 14:35:59

Николай Скинтеев, спасибо за информацию.

Но, увы, не получается.

Переписал styles.php таким образом:

<?
$arStyles = array(
"underline" => array("title"=>"Title with underline", "tag"=>"p"),
"table table-striped" => array("title"=>"Table", "tag"=>"p"),
"table table-bordered" => array("title"=>"Borderd table", "tag"=>"p"),
"grey_dark" => array("title"=>"Dark text", "tag"=>"p"),
"grey_light" => array("title"=>"Bright text", "tag"=>"p"),
"dark_light_table" => array("title"=>"Dark table header", "tag"=>"p"),
"dark_light" => array("title"=>"Dark text", "tag"=>"p")
);
?>

Но стили в редакторе отображаются так же, как и у Евгений Санников,
Может ошибся где?

Пользователь 100182

Заглянувший

Сообщений: 5 Регистрация: 30.08.2011

#14

26.08.2015 15:38:27

Сергей Смирнов, Евгений Санников,
Я понял в чём ваша ошибка, в конце, после объявления массива нужно ещё дописать

Код
return $arStyles;

В стандартном файле эта строка есть, я думал, что её не будут удалять.
Полный код моего рабочего файла для референса:

Код
<? $arStyles = array( "small" => array("title"=>"Сноски", "tag"=>"p"), "intro" => array("title"=>"Интро", "tag"=>"p"), ); return $arStyles; ?>

Пользователь 148126 Посетитель Сообщений: 34 Баллов: 5 Регистрация: 01.11.2013	#15 26.08.2015 15:50:45 Николай Скинтеев, спасибо, заработало! Огромная просьба - можете привести пример синтаксиса для визуального отображения стиля в дропдауне редактора?

Пользователь 100182

Заглянувший

Сообщений: 5 Регистрация: 30.08.2011

#16

26.08.2015 15:54:54

Сергей Смирнов,
Просто html-код, я ещё плотно не разбирался, но для теста писал что-то вроде "<hr><p>Test</p>" и оно отобразилось именно так. Рекомендую попробовать самому разные варианты.

Код
"intro" => array("title"=>"Интро", "tag"=>"p", "html"=>"<hr><p>Test</p>"),

Пользователь 31289

Постоянный посетитель

Сообщений: 82 Баллов: 13 Регистрация: 15.10.2008

#17

26.08.2015 16:21:25

Николай Скинтеев,тоже слежу за данной темой, ранее поддержка битрикса ответила мне

Цитата

Стили визуального редактора представленные на презентации нового магазина, пока доступны только в новом шаблоне магазина, который еще не доступен для установки.
Когда выйдет обновление модуля bitrix:eshop, тогда и станут доступны новые стили редактора.

Скажите а так костюмизировать можно только стили которые в css прописаны? а можно добавить например просто вывод тегов без текста, например интересует тег small

я попробовал вот такую строчку вставить

Код
array("title"=>"Small", "tag"=>"small"),

но он вставляет такой вот тег <small class="0"> и причем делает это для всего абзаца независимо от выделения текста

Пользователь 148126 Посетитель Сообщений: 34 Баллов: 5 Регистрация: 01.11.2013	#18 26.08.2015 19:08:51 Николай Скинтеев, попробовал Ваш вариант (без <hr>) - текст отображает, но не форматирует:

Пользователь 148126 Посетитель Сообщений: 34 Баллов: 5 Регистрация: 01.11.2013	#19 01.09.2015 16:33:42 Прилетело описание методов работы со стилями в новом редакторе: https://dev.1c-bitrix.ru/learning/course/index.php?COURSE_ID=43&LESSON_ID=3437

Пользователь 148126 Посетитель Сообщений: 34 Баллов: 5 Регистрация: 01.11.2013	#20 03.09.2015 08:36:16 Коллеги, у кого получилось - дайте знать, пожалуйста.

Пользователь 148126 Посетитель Сообщений: 34 Баллов: 5 Регистрация: 01.11.2013	#21 17.09.2015 20:55:01 Кинул идею визуального подключения стилей к редактору: http://idea.1c-bitrix.ru/the-new-html-editor-visual-connection-of-the-css-styles/ Кому интересно - плюсуйте.

Пользователь 42606

Заглянувший

Сообщений: 11 Баллов: 1 Регистрация: 13.05.2009

#22

19.09.2015 12:40:24

Коллеги, у меня работает с вот таким описаниям и содержимым файлов:

.style.php

Код
<? $arStyles = array( "memoris" => array("tag"=>"p", "title" => "Это стиль Memo"), ); return $arStyles; ?>

style.css

Код
.memoris { тут чо-та есть }

Все, больше никаких танцев с бубнами не было ((

1С-Битрикс: Управление сайтом 15.5.1

Прикрепленные файлы

Снимок_экрана_2015-09-19_в_12_36_09.png (92.58 КБ)

Пользователь 148126 Посетитель Сообщений: 34 Баллов: 5 Регистрация: 01.11.2013	#23 19.09.2015 14:25:02 Павел Чернозубенко, стиль в дропе отображается так, как он будет виден в тексте?

Пользователь 74646

Заглянувший

Сообщений: 23 Баллов: 2 Регистрация: 27.10.2010

#24

18.11.2015 16:38:20

Подскажите пожалуйста как сделать группы классов, в том видео с презентацией классы разбиты по группам, но у меня получается сделать только списки... а если классов 10-20 то не удобно получается портянку листать.

Пользователь 246496

Заглянувший

Сообщений: 46 Баллов: 2 Регистрация: 18.07.2014

#25

26.09.2016 17:43:13

Вдруг еще понадобится кому в .style.php добавляете в массив ключ section:

Код
<? $arStyles = array( "memoris" => array( "tag"=>"p", "title" => "Это стиль Memo", "section" => 'Выделение текста' ), ); return $arStyles; ?>

Описание стилей в .styles.php

Продукты

Управление сайтом

Битрикс24

Интернет-магазин + CRM

Решения

Для интернет-магазинов

Каталог готовых решений

Внедрение

Выбрать партнера

Проверить партнера

Стать партнером