У меня есть contentEditable Div, в который я помещаю все свое содержимое. когда я применяю подчеркивание и strikeThroug или переключаю их, тогда он ломается. Пример HTML:
<!DOCTYPE html>
<html>
<style>
#editor{
background-color:yellow;
}
</style>
<head>
<script>
function apply(style) {
if (style == 'strike') {
document.execCommand('strikeThrough')
} else {
document.execCommand('underline')
}
}
</script>
</head>
<body>
<div id= 'editor' contentEditable="true" ></div>
<button onClick='apply("strike")'>strike</button>
<button onClick='apply("underline")'>underline</button>
</body>
</html>
Шаги для воспроизведения:
- Введите какой-либо символ.
- щелкните подчеркивание и strike (Включить стили)
- Введите какой-нибудь символ.
- щелкните подчеркивание (Отключить стиль)
- Введите какой-нибудь персонаж. Теперь ломается.
PS: У меня эта проблема возникает только в Safari