- В этой теме 57 ответов, 3 участника, последнее обновление 1 месяц, 3 недели назад сделано
.
-
Сообщения
-
Подойдем иначе к вопросу 🙂
Что и как прописать в фейсплейте вместо
.my-faceplateв стилях, чтобы он оказался изолирован от других экземпляров этого же фейсплейте.
Что и как прописать, чтобы стиль принадлежал конкретному элементу (контейнеру) в фейсплейте
Что прописать вместоcolor : red;чтобы получитьcolor : {value}где value это будет переменная, которую я одним кликом привяжу к экспортируемым переменным.
как я поменял цвет имени одного конкретного faceplate не скажу 🙂 просто потому, что это будет таким же мартышкиным трудом.
1. без организации песочницы для стилей
2. без возможности переопределения параметров стиля
3. без возможности создать каналы привязки для изменения стилей и их характеристик на main схеме
4. возможно еще каких-то нюансов…. ???наличие меню CSS класс в панели свойств это бесполезная фиговина (большое имхо), занимающая место в панели свойств.
Да, поменял цвет надписи конкретного faceplate и выполнил поворот изображения в другом faceplate (слева внизу) не трогая код faceplate-ов вообще и не применяя вообще скрипты — только игра со стилями.
Михаил, вы делаете все же редактор мнемосхем а не редактор web страниц.
Например я хочу настраивать мнемосхемы, а не программировать их.
То есть свести программирование к минимуму, в основном для создания фейсплейтов и прописывания логики обработки полученных данных, а не целиком программировать всю схему, прописывая одно и то же в десятках одинаковых компонентов одинаковые параметры и условия.> КАК поменять цвет ОДНОМУ экземпляру фейсплейта, установленному на мнемосхеме, и мало того, как поменять только определенному элементу внутри фейсплейта — конкретно для надписи текста I’m a faceplate при помощи стилей ?
Если именно при помощи стилей на примере SunComponent.fp, то:
1. При редактировании фейсплейта задайте CSS-класс для текста txtDescr с именем my-text
2. В таблице стилей схемы *.mim пропишите:#comp8 .my-text { color: red; }3. С помощью инструментов разработчика контролируйте применение классов к нужным элементам.
Второй вариант — при помощи свойств фейсплейта, что проще при использовании фейсплейта. Этот вариант используется в MyFaceplate.fp
То есть свести программирование к минимуму, в основном для создания фейсплейтов
Для этого нужно научиться реализовывать «Экспортируемые свойства» фейсплейтов, то есть спрятать реализацию и всю сложность внутрь фейсплейта, упростив его использование.
Примеры экспортируемых свойств:
— Цвет надписи
— Поворот
— Значение параметра NТак вот озадачились, как внутри faceplate создать переменную для стиля и привязать ее к экспортируемым переменным, чтобы она работала только на свой экземпляр, установленный на мнемосхеме.
Вариант с comp я проходил, но там есть ошибочка.
П.2 — мартышкин труд — проходили.
Так понимаю все стили сваливаются в mimic-style и всегда становятся глобальными для всей схемы.
Сделать локальный для экземпляра не представляется возможным вообще?И если мы внутри faceplate можем оперировать #comp1 и т.д. то на схеме он становится например comp3-1, 5-1, 7-1 в зависимости от id уже экземпляра на главной схеме.
Какой есть путь обхода, желательно без портянки скриптов?
п.2 и если там несколько текстов, у которых должен быть разный стиль, будет каша с писаниной под каждый.
Добавим сюда десяток экземпляров одного faceplate и будем ещё писать повторы.И чем это отличается от текущего редактора по трудозатратам прописывать одно и то же по несколько раз?
я правильно понимаю, что FacePlate это по сути та же мнемосхема с некоторыми отличиями?, может в ее Таблицу стилей добавить что-то вроде
:local{ }и внутри уже создавать стили, которые и редактор и плагин располагать будет уже в экземплярах?+ к этому добавить на созданные переменные
--valueвозможность их добавлять к экспортируемым переменным ?Возможно это решило бы проблемы с необходимостью писать скрипты и костыли на переменные стилей.
з.ы. и если переменные оставляем в глобальной таблице стилей, добавить еще и Импортируемые переменные, или если они в глобальных они и так импортируются?
Стили применяются ко всей веб-странице. Таблицы стилей, которые заданы в фейсплайтах, объединяются с таблицами стилей схемы.
я правильно понимаю, что FacePlate это по сути та же мнемосхема с некоторыми отличиями?
С точки зрения формата файла или при редактировании, это так. При вставке на схему, нет.
Выходит переменные стилей CSS
--valueне подходят. Будет много ручного и глупого труда. Почему не сделали изоляцию для экземпляров не понятно. Вопрос риторический. Возможно подумаете как это можно реализовать в дальнейшем.1. Как (желательно) в одну, две строки создать переменную для javascript
2. связать ее с экспортируемыми переменными
3. Применить с стилю конкретного элемента внутри faceplate, чтобы при вставке его как экземпляр, переменная действовала только для данного экземпляра ?не предлагайте потом сидеть и вычислять какой у кого comp и прописыванием этого на главной схеме. Без этого нужно чтобы работало.
И вообще, применение #compX-Y нужно применять только как исключение, чтобы не создавать новый faceplate ради мелочного изменения в одном экземпляре из десятка таких же…из написанного в 1, 2, 3 или можно в экспортируемые свойства добавить в том числе и
--valueстиля ?собственно 1,2 и 3 это вопросы — как сделать экспортируемые свойства создав переменные для javascript.
Где-то есть описание, как создавать переменные и направлять их в экспортируемые?
- Для ответа в этой теме необходимо авторизоваться.