Не удалось выполнить 'setAttribute' для 'Element': 'roman'; "'не является допустимым именем атрибута

Question

Ошибка при выполнении фильтра ConvertFontToSpanFilter - InvalidCharacterError: Не удалось выполнить 'setAttribute' для 'Element': 'roman'; "'не является допустимым именем атрибута.

У меня есть это ошибка при попытке вызвать другой редактор Telerik. Я использую Telerik Editor для обновления и добавления. Теперь я идентифицировал проблему как приведенный ниже код.

<span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 7pt; line-height: normal; font-family: " times="" new="" roman";"="">
</span>

, а затем изменил ее на.

<span style="font-variant-numeric: normal;font-variant-east-asian: normal; font-stretch: normal; font-size: 7pt; line-height: normal;font-family:Times New Roman">
</span>

Я использую Sql Серверная база данных имеет тип данных столбца ntext , даже если я пытаюсь удалить семейство шрифтов : "times =" "new =" "roman"; "=" " оно все еще возвращается редактор и я не знаю почему.

Это font-family: "times =" "new =" "roman"; "=" " - это отображается каждый раз в редакторе, если я пытаюсь удалить или обновить.

Я использую Database First Approach Entity Framework.

Answer 1

Кажется, что у вас есть проблема с кавычками

Например, эта HTML

<p style="font-family:"Times New Roman"">...</p>

интерпретируется как

<p style="font-family:" times="" new="" roman="">...</p>

Почему это так? Поскольку значения атрибутов HTML заключены в кавычки ([ "] или [ ']). Если само значение содержит кавычку, браузер интерпретирует ее как конец значения, и после следующего пробела должен начинаться новый атрибут.

Чтобы предотвратить это, используйте одинарные кавычки вокруг имени шрифта:

<p style="font-family:'Times New Roman'">...</p>

или единичные кавычки вокруг значения атрибута

<p style='font-family:"Times New Roman"'>...</p>

или выше (но может не относиться к вашему случаю). Используйте CSS классы и таблицы стилей

<p class="roman">...</p>



<style>
.roman {
  font-family: "Times New Roman";
}
</style>