Можно ли сделать текст, созданный псевдоэлементами, выбираемым пользователем?

Я оцифровываю 75-страничный указатель профессиональных качеств. Пользователи должны иметь возможность связываться с каждой компетенцией, компетенции осмысленно сгруппированы, а компетенции часто становятся длинными предложениями. Поэтому вместо того, чтобы использовать текст каждой компетенции в качестве привязки, я создаю схему маркировки и создаю привязки для каждого элемента. Компетенции «Знать свою правую руку слева» можно обозначить как «E.1.A.2.2». Это утомительно.

Я пытаюсь уберечь себя от повторного добавления метки к каждой компетенции вручную (поскольку я уже добавил ее один раз в якорь). Чтобы показать метку, я могу использовать псевдоэлемент :before для создания метки из якоря , {content: attr(name);}.

Это прекрасно работает, но сгенерированный текст нельзя выбрать. Чтобы создать ссылку на конкретную компетенцию, пользователям придется вручную вводить «# E.1.A.2.2», что вызывает больше ошибок пользователя, чем мне хотелось бы думать.

Можно ли сделать текст, созданный с помощью псевдоэлемента, доступным для выбора? Я также открыт для других предложений. Если создание каждой метки в HTML - единственный способ получить желаемый результат, я так и сделаю. Но ой.


person Nathan Swartzendruber    schedule 23.03.2015    source источник
comment
Я не верю, что это возможно. Этот текст даже не читается программой чтения с экрана. Я считаю, что вам придется пойти по пути JS для вашей конкретной задачи.   -  person Bill Criswell    schedule 23.03.2015
comment
Я только что наткнулся на этот вопрос, который подтверждает мою теорию: stackoverflow.com/questions/19914349/   -  person Bill Criswell    schedule 23.03.2015
comment
Этот вопрос может помочь: stackoverflow.com/questions/2651739/   -  person TylerH    schedule 23.03.2015
comment
Спасибо, извини, мой поисковый фу не справился с сегодняшней задачей. @TylerH, этот вопрос интересен, хотя я отказался от дополнительных счетчиков. У меня нет опыта работы с JS, и я как бы могу следить за разговором там.   -  person Nathan Swartzendruber    schedule 23.03.2015


Ответы (1)


Чтобы сделать его выбираемым и индексируемым поисковыми системами, я думаю, единственный способ - добавлять контент с помощью JS.

Например, код jQuery:

$div.prepend("<span>My Text</span>")
person phts    schedule 23.03.2015
comment
Похоже, наша система CMS загружает jQuery 1.7.2, хотя я совершенно не в своем элементе с jQuery. Я хочу только добавить имя привязки к тексту ссылки. Итак, вот мой пример кода сверху: <a name="E.1.A.1.2">Know your right hand from your left</a> Я бы хотел, чтобы результат был примерно <span class="label">E.1.A.2.2</span><a name="E.1.A.1.2">Know your right hand from your left</a> для каждой из сотен компетенций в индексе. Может ли кто-нибудь указать мне направление? - person Nathan Swartzendruber; 23.03.2015