Могу ли я установить курсор / курсор при нажатии на псевдоэлемент?

Question

Я устанавливаю символ Пилкроу (не имеет значения) как элемент после абзаца с помощью этого CSS

body.p:after {
    content:'\00b6'; // the used char or image does not matter
}

Когда я щелкаю после элемента после внутри тела, курсор / каретка помещается вконец абзаца по желанию.Но когда я нажимаю на элемент после, курсор не отображается и ввод некоторых букв не работает.

Есть ли обходной путь для этого?

Answer 1

Вот мое решение проблемы.OnClick. Я проверяю, равняется ли смещение события нажатия максимальной длине текста, чтобы решить, нужно ли устанавливать каретку или нет.Цель состояла в том, чтобы установить курсор в конец фактического абзаца при нажатии на элемент после.

ed.onClick.add(function(ed, evt){

  var node = ed.selection.getNode();

  // need to set Cursor onClick on after element?
  if (ed.controlManager.get('irhiddenchars') && ed.controlManager.get('irhiddenchars').isActive() &&
  evt.target.nodeName.toLowerCase() == 'p'){
    if (node != evt.target) {
        ed.selection.setCursorLocation(evt.target, 0);
    }
    else {
        if (evt.rangeParent.nodeType == 3 && evt.rangeParent.textContent.length == evt.rangeOffset)
        {
            ed.selection.setCursorLocation(evt.rangeParent, evt.rangeOffset);
        }
    }
    // show Caret
    ed.focus();
  }
});