Невозможно добавить атрибут, такой как Id или класс, для любого тега в trix-editor при программной вставке HTML - PullRequest
0 голосов
/ 04 июля 2018

Я пытаюсь добавить атрибут как id, класс для тега span в trix-editor, когда вставляю html через java-скрипт, но когда я проверял DOM для этого тега, редактор удалял добавленные атрибуты из тега.

Мой код Java-скрипта для вставки html с атрибутом:

element.editor.insertHTML("<span id='" + userId + "' class='mention-user'>" + userName + "</span >"); 

DOM:

 <div><!--block-->@<span style="font-size: 12px;">abc/span></div></trix-editor>

Даже я пытался:

element.editor.activateAttribute("href", "https://trix-editor.org/");

это работает нормально, но не может добавить идентификатор или класс. У кого-нибудь может быть идея добавить идентификатор или класс в тег?

1 Ответ

0 голосов
/ 21 июня 2019

Вы можете использовать его более чем с 1 способом

обычный JS:

document.getElementsByTagName("span")[0].setAttribute("class", "mention-user");

document.getElementsByTagName("span")[0].setAttribute("id", userId);

или jquery:

$("span").attr("id",userId);
$("span").attr("class","mention-user");

Не уверен, почему, но вы используете insertHtml, не знаю, можете ли вы добавить идентификатор или класс с ним надеюсь, что ответит на ваш вопрос

...