Курсив в Фикбуке: почему не отображается и как исправить

Курсив не отображается в главах на Фикбуке обычно из‑за трёх причин: серверная фильтрация/санитайзер удаляет HTML‑разметку при сохранении, CSS сайта или мобильного приложения принудительно сбрасывает наклон, или у используемого шрифта просто нет italic‑глифа. Проверьте, сохраняются ли теги <em>/<i> в опубликованном HTML, посмотрите computed‑style в инспекторе, протестируйте альтернативы (*звёздочки*, _подчёркивания_) и, если теги удаляются или стили сбрасываются — приложите пример и обратитесь в поддержку Фикбука.

Содержание

• Почему курсив не отображается на Фикбуке
• Какие синтаксисы форматирования поддерживает Фикбук
• Пошаговая инструкция: как проверить и исправить
• Проверка в браузере и мобильном приложении
• Если теги удаляются (санитайзер) — что делать
• Шаблон обращения в поддержку Фикбука
• Источники
• Заключение

Почему курсив не отображается на Фикбуке

Коротко — разметка и видимость текста на этапе редактирования и в режиме просмотра могут отличаться. Редактор (веб‑WYSIWYG или вставка из Word) показывает форматирование локально, но при сохранении сервер может удалить теги или заменить их, а CSS/шрифты на странице могут предотвратить визуализацию курсива.

Основные причины и признаки:

• Серверный санитайзер удаляет или заменяет теги <em>, <i>, атрибуты style и т. п. Признак: в редакторе курсив виден, но в опубликованной странице в исходном коде теги отсутствуют.
• CSS сайта принудительно задаёт font-style: normal для блоков текста (или использует !important). Признак: теги есть в HTML, но computed style показывает font-style: normal. Подробно про HTML‑теги для курсива — см. справочник по HTML https://codefor.tech/ru/html/15-formatirovannyj-tekst/.
• У шрифта нет italic‑глифа. Тогда браузер/движок может не отображать реальный наклон или применяет синтетический наклон, который выглядит по‑другому. Проверка и объяснение проблемы с отсутствием курсивного начертания в шрифтах — в заметке о шрифтах https://rudesignshop.ru/blog/kak-sdelat-kursiv-teksta-v-figme/.
• Вставка из Word добавляет сложную разметку и inline‑стили, которые редактор либо очищает, либо «переписывает».
• Платформа может вовсе не поддерживать Markdown/BBCode — тогда *звёздочки* остаются обычным текстом. Общая шпаргалка по Markdown здесь: https://kokoc.com/blog/markdown/.

Какие синтаксисы форматирования поддерживает Фикбук

Официальной публичной документации по списку разрешённых тегов и синтаксисов редактора Фикбука в поиске не найдено; поэтому нельзя утверждать однозначно, что поддерживается. На практике платформы обычно используют одну из моделей:

• WYSIWYG‑редактор с собственными кнопками «курсив/жирный» и сохранением в HTML (сервер может фильтровать теги).
• Поддержка ограничённого HTML (обычно <b>, <strong>, <i>, <em>, <a>, <p>, <br>), но с серверным whitelist/blacklist.
• Поддержка Markdown — тогда *курсив* и _курсив_ превращаются в <em>/<i>. См. базовый синтаксис Markdown: https://kokoc.com/blog/markdown/.
• Никакой поддержки «сырого» HTML и только собственные инструменты редактора (тогда вставки вида <em> будут экранироваться).

Вывод: без ответа от поддержки Фикбука нужно экспериментально проверить, какие варианты проходят (см. следующий раздел с тестами).

Пошаговая инструкция: как проверить и исправить

Ниже — практический чеклист с тестовыми примерами. Делайте шаги в порядке: от простого к сложному.

1. Подготовьте тестовую главу (в новом черновике). Вставьте эти примеры:

HTML:
<em>Текст через &lt;em&gt;</em>
<i>Текст через &lt;i&gt;</i>
<span style="font-style:italic;">Текст через inline-style</span>

Markdown:
*Курсив через звёздочки*
_Курсив через подчёркивания_

BBCode (для проверки):
[i]Курсив через BBCode[/i]

2. Опубликуйте главу и сразу откройте её в браузере. Затем:

• Просмотр исходного HTML (Ctrl+U или ПКМ → “Просмотреть код страницы”).
• В инструментах разработчика (F12) найдите ваш фрагмент и проверьте, сохранились ли теги <em>/<i> или они заменены/удалены.

3. Варианты результатов и действия:

• Теги отсутствуют в опубликованном HTML: значит, их удаляет серверный санитайзер. Решение — см. раздел “Если теги удаляются”.
• Теги есть, но текст выглядит ненаклонным: откройте вкладку Computed/Styles в DevTools и проверьте, чему равен font-style. Если normal, найдите правило, которое это задаёт (указано в правой части инспектора). Для проверки временно измените правило на font-style: italic в инспекторе — если курсив появится, проблема в CSS.
• Теги есть и font-style: italic, но визуально курсив всё равно не похож на наклон: вероятно, у шрифта нет italic‑глифа (см. замену шрифта в инспекторе на Times New Roman — если курсив появится, причина в шрифте).

4. Проверка вставки из Word:

• Вставляйте текст как plain text, затем применяйте курсив через редактор Фикбука (кнопка). Если курсив виден в редакторе, но не после публикации — значит сервер очищает оформление.

5. Проверка публикации и редактирования:

• Отредактируйте опубликованную главу и посмотрите, остаётся ли курсив в редакторе после повторного открытия черновика. Если в редакторе он исчезает уже при повторном открытии — сервер маршрут сохранения «ломает» формат.

6. Быстрый клинт‑тест через curl (для продвинутых):

curl -s "https://ficbook.net/путь_к_главе" | grep -i "<em>"

Если grep ничего не вернёт — <em> удалён.

Проверка в браузере и мобильном приложении

Различия между веб‑просмотром и приложением объясняются тем, что мобильное приложение может использовать встроенные WebView или нативный рендеринг с другими шрифтами и настройками.

Что сделать:

• Сравните поведение в нескольких браузерах (Chrome, Firefox, Safari). Если в одном браузере курсив виден, а в другом — нет, проверьте загрузку web‑шрифтов и правила CSS (они могут блокироваться расширениями или CSP).
• Для Android: включите USB‑отладку, подключите телефон и откройте chrome://inspect — вы сможете инспектировать WebView и увидеть тот же HTML/CSS, что и в браузере.
• Для iOS: включите Safari Web Inspector на iPhone и используйте Safari на Mac (Develop → имя устройства) для отладки WebView.
• Проверьте версию приложения (возможно, баг уже исправлен в новой версии) и попробуйте открыть ту же главу в мобильном браузере на телефоне — если в браузере курсив есть, а в приложении нет, это баг приложения/шрифтового пакета.

Если теги удаляются (санитайзер) — что делать

Почти все публичные сервисы фильтруют HTML ради безопасности (XSS). Если это ваш случай — варианты действий:

• Используйте встроенные инструменты редактора (кнопка “курсив”), а не вставки «сырого» HTML/Word. Иногда пайплайн сохраняет только формат, созданный самим редактором.
• Попробуйте разные варианты: <em>, <i>, *звёздочки*, _подчёркивания_. Оставьте запись о результатах: какой вариант прошёл, какой нет.
• Если нужно, запросите у службы поддержки список разрешённых тегов/синтаксисов или попросите добавить <em>/<i> в whitelist. В тело запроса приложите: URL главы, исходный фрагмент (как вы редактировали), скриншоты редактора и опубликованной страницы, дату/время, браузер/версию приложения.
• Временные пользовательские обходы: использовать визуальные маркеры (*…*, кавычки, тире, курсив‑символы) — это не красиво, но работает пока не решите вопрос с поддержкой.

Шаблон обращения в поддержку Фикбука

Тема: Курсив не отображается в опубликованных главах — пример и исходный HTML

Тело (пример):

Здравствуйте. При публикации главы курсив, который я выставляю в редакторе (и вижу в режиме редактирования/читалки), не отображается на опубликованной странице и в мобильном приложении.

Пример:
- Ссылка на главу: https://ficbook.net/… (вставьте полный URL)
- Исходный фрагмент, как сохранил в редакторе:
 <em>пример курсивного текста</em>
- Что видно в опубликованной версии: (вклейте скриншот)
- Что видно в редакторе: (вклейте скриншот)
- Браузер/версия: Chrome 110 на Windows 10
- Приложение: Ficbook 2.3.4 на Android 12
- Дополнительно: проверил(а) исходный HTML страницы — тегов <em>/<i> нет / теги есть, но computed style = normal (нужную опцию выберите)

Прошу проверить: сохраняется ли разметка на сервере, не применяется ли правило CSS, из‑за которого текст выглядит без наклона, и можно ли разрешить отображение курсива. Готов(а) предоставить доступ к черновику/дополнительные логи.
Спасибо.

Источники

• Yandex.Wordstat: https://wordstat.yandex.ru
• Региональные коды Яндекса: https://www.rush-analytics.ru/blog/spisok-regionov-yandeksa
• О формате FictionBook (контекст): https://ru.wikipedia.org/wiki/FictionBook
• Шпаргалка по Markdown: https://kokoc.com/blog/markdown/
• Теги HTML для форматирования текста: https://codefor.tech/ru/html/15-formatirovannyj-tekst/
• Справочник по форматированию в HTML: https://html-templates.info/html/formatting-in-html
• Замечания про отсутствие italic‑глифа в шрифтах (пример): https://rudesignshop.ru/blog/kak-sdelat-kursiv-teksta-v-figme/
• Обзор Фикбука и способы доступа (сообщения о блокировках): https://teletype.in/@faqi/Fikbuk-oficialnyj-sajt-prilozhenie-i-sposoby-dostu
• APK‑пакет приложения Ficbook: https://apkpure.com/ru/ficbook-read-fictions-anytime/dmw.comicworld.app
• Новость о доступности Фикбука: https://burninghut.ru/fikbuk-snova-dostupen-v-rf-nesmotrya-na-otkaz-rkn-snyat-blokirovku/
• Руководство по Яндекс.Wordstat (как собирать семантику): https://www.unisender.com/ru/blog/kak-polzovatsya-yandex-wordstat/

Заключение

Если курсив не отображается в главах на Фикбуке, начните с простых проверок: откройте опубликованный HTML — есть ли теги <em>/<i>; проверьте computed style в инспекторе; смените шрифт в инспекторе, чтобы исключить отсутствие italic‑глифа. Если теги удаляются при сохранении — это серверный санитайзер, и решать проблему нужно через поддержку Фикбука (прикладывайте URL, исходный HTML и скриншоты). По факту: Фикбук может не публиковать «сырое» HTML или применять собственные стили, поэтому лучший путь — тесты локально + обращение в поддержку с наглядным примером. Если хотите, подготовлю готовую тест‑главу и помогу собрать данные для обращения в службу поддержки.