Сжымаемый текст от воды. Прочитайте и поймёте. Он интерактивный.

Практиковался в написании JS приложений. Поэтому один и тот же текст здесь продублирован дважды. Хорошо бы разнести на 2 страницы их, а то конфликтуют JS и VUE приоложение. Но пока будет так.

Реализация на чистом JavaScript

Сжымаемый текст от воды

История (введение)

Узнал из википедии о «Цифровой литературе» – когда компьютер генерирует текст (стихи, генераторы текста на основе цепей Маркова), или за счёт HTML пользователь может взаимодействовать с текстом. Цифровой литературе характерна процессуальность (важен процесс создания произведения) или интерактивность. После этого решил сделать такую страницу с изменяемым содержимым.

Эта страница со «сжимаемым» интерактивным текстом. Вы можете выжимать воду соответствующим ползунком, расположенным выше.

Особенности реализации

Интерактивный сжимаемый текст реализован на HTML5, JavaScript – на стандартных интернет-технологиях. Можно было писать на чистом JS, но чтобы вручную не писать перебор элементов DOM страницы, решил использовать библиотеки JQuery или Vue. Возможно, наилучшим решением было бы использовать отдельно XML размеченный текст (отделить данные от реализации HTML), который подходил бы для автоматической вставки в HTML, PDF, Latex и другие/др.

Каждый фрагмент текста помечен CSS классами важности stext_1, stext_stext_2, stext_3, stext_4. Их можете увидеть, открыв просмотр кода страницы. Пока не понял как лучше размечать теги - сразу несколько к одному элементу или по 1 к одному элементу - зависит от пересечения классов и задачи. Можно ввести 2 шкалы (2 вида классов): краткость и официальный стиль.

Применение

Когда искали готовые сочинения или рефераты, иногда хотелось их уменьшить для экономии бумаги. Или получить краткий пересказ-содержание. Эта технология интерактивного масштабированиятекста поможет получать разные варианты одного и того же текста. Но есть недостаток для писателей текста – надо написать не только полный вариант, но и разметить текст аккуратно для сокращения.

Писать эту страницу - как выполнять задание по информатике: размечать каждый фрагмент, представлять как будет выглядить текст при разных вариантах разметки. Можно давать задание студентам в 2 этапа: написать HTML с интерактивным текстом, отделить текст в XML или другой формат и написать программу для внедрения этого текста в HTML, Latex или в простой текст (txt файлы).

Ссылки

Как в реферате, да и в хорошо оформленной научной работе, приведу список ссылок:

Цифровая литература Википедия, 04.05.2021
gettext библиотека с открытым исходным кодом для перевода текста приложений. Интернационализация происходит путём замены фрагментов английского текста на заранее подготовленный перевод. Часто применяется на сайтах с PHP.
!!!!!! найти несколько примеров, вдруг уже есть такое.
JQuery - библиотека JavaScript. Упрощает работу с несколькими элементами DOM в HTML через JavaScript.
jqueryui - готовые элемнеты интерфейса на базе JQuery.
Vue.js - фреимворк JavaScript. Позволяет интегрировать разные готовые элементы Web 2.0 в HTML страницу. Упрощает связывания интерактивных элемнетов, раработан для интерактивных одностраничных WEB-приложений по модели MVVC.

То же самое, но на VUE

VUE app - динамический текст