4

Пишу проект на Vue.js и возник вопрос отображения огромного количества текста. Как выяснилось даже пустой документ содержащий более миллиона символов начинает сильно тормозить при выделении либо редактировании его. Есть ли какие либо способы предотвратить это? Вариант при котором текст отображается частями к сожалению не подходит(

4
  • 2
    Почему не подходит вариант с отображением текста частями? В чем необходимость отображать на странице такое большое количество текста? 19 июл 2018 в 8:54
  • @SashaOmelchenko, ну представьте что вам нужно отобразить книгу, при этом пользователь захочет выделить огромный кусок в книге. При разбивке это сильно усложнит процесс
    – Flashantik
    19 июл 2018 в 11:42
  • Только частично отображать - другого способа нету. 20 июл 2018 в 8:08
  • Можно запретить стандартный способ выделения и копирования. В замен ему написать свой.
    – Kydris
    20 июл 2018 в 14:39

1 ответ 1

1

как отображать книги на сайте ?

вариант первый - книга имеет формат .txt

в этом случае обычно файл считывается и помещается

  • в одну переменную
  • в массив строк , которые, к стати говоря, уже проще отображать частями.
    разделение книги в этом случае происходит, например, по абзацам (/\n\n/g)

частями или весь текст отображать

Вариант при котором текст отображается частями к сожалению не подходит(

дайте пользователю возможность решить самому

преимущества отображения целиком

  • не нужно писать поиск по книге (ctrl+f есть в каждом браузере)
  • т.к. весь текст в одной переменной легче написать свой способ выделения (например с помощью перетаскивания флажков)

недостатки отображения целиком

  • возможны тормоза при отображении целиком
  • нет навигации
  • нет картинок
  • нет стилистического оформления
  • ...

вариант альтернативный - использовать книги в формате .fb2

fb2 "FictionBook" переводится как "Художественная книга". fb2 - очень популярный, открытый формат хранения книг (описание формата FB2 от Sclex). поддерживается большим количеством читалок, в том числе и электронных. есть читалки, написанные на JS, например:

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.