[ И С П О Л Ь З О В А Н И Е ]
[ здесь представьте результат из текста выше в рендере на сайте ]
берём и пишем много интересного текста, в котором хотим
. для этого записываем, собственно, текст, и в нём , которые будет съедать и к которым в соответствии с заданными правилами будет .нужно обратить внимание: маска — это сочетание задника в цвет текста, — что само по себе в фондотексте отнюдь не ново, — и удачного для наших целей шрифта — выводящего вместо всех знаков прямоугольники (не во всю высоту строки, правда); то есть, при использовании такого замаскированный текст можно выделить — и увидеть "раздетым", если вставить в другое место.
на данный момент есть пара проблем:
- ;
- .
из планов — сделать маркерный бордер, чтобы можно было использовать, , — но это пока самое доступное для моего понимания — и вместе с тем самое несрочное. (не то чтобы весь проект был срочным, но .)
[ кусочек демонстрации работы компонента в альтернативном (и, вероятно, более ходовом) представлении ]
берём и пишем много интересного текста, в котором хотим скрыть куски. для этого записываем, собственно, текст, и в нём расставляем теги (открывашки и закрывашки), которые будет съедать жс и к которым в соответствии с заданными правилами (т.е., разрываясь по словам) будет применяться маска.
нужно обратить внимание: маска — это сочетание задника в цвет текста, — что само по себе в фондотексте отнюдь не ново, — и удачного для наших целей шрифта — выводящего вместо всех знаков прямоугольники (не во всю высоту строки, правда); то есть, при использовании такого (планируемого) стиля "цензуры" замаскированный текст можно выделить — и увидеть "раздетым", если вставить в другое место.
на данный момент есть <…>
[ П Л А Н Ы ]
идея | матчасть | ✔2 | |
1. | восприятие спаном цвета ссылки для определения фона | — | 5% |
2. | кастомный (рваный, маркерный) бордер | - MDN - инлайн-свг для перекраски (SOF) | 100%3 |
3. | жс для применения форматирования только к буквам/цифрам внутри соответствующего спана | здесь — о парсинге хтмл в целом (SOF) | 5% |
4. | чтобы было удобно, насколько можно | просто стараться докапываться; не уверена, что можно найти готовую инструкцию | — |
ОСТАЛОСЬ ПОФИКСИТЬ:
- влить свг, чтобы можно было красить;
- сделать, чтобы мобилохром не рубил на переносах 😢
и ещё див, чтобы посмотреть, сработает ли хоть где-нибудь (пожалуйста, пусть работает…….)
text in span?