Как мы можем выделить текст и применить цвета, сделать гиперссылку из выбранных частей

Question

Я хочу выделить кучу текста (выбор зависит от пользователя), это будет простой текст. Поскольку пользователь выберет текстовый диапазон, мне нужно выделить его и применить некоторые цвета для обозначения. Если возможно, мне нужно сделать их гиперссылками, чтобы они могли перемещаться по всем выделенным областям в тексте.

Быстрая коричневая лиса перепрыгивает через ленивую собаку, Быстрая коричневая лиса перепрыгивает через ленивую собаку Быстрая коричневая лиса перепрыгивает через ленивую собаку Быстрая коричневая лиса перепрыгивает через ленивую собаку, Быстрая коричневая лиса перепрыгивает через ленивую собаку, Быстрая коричневая лиса перепрыгивает через ленивую собаку, быстрая коричневая лиса перепрыгивает через ленивую собаку

Пользователь может выбрать любой текстовый диапазон, в зависимости от выбора мне нужно выделить его.

1. Любая библиотека jQuery с демонстрацией или документацией для ее достижения?
2. Можем ли мы использовать редактор ОМУ для этого? Это будет соответствовать нашему требованию, но, поскольку я не знаю, имеет ли wmd-редактор функциональность для его поддержки. Или любой другой редактор, который имеет предварительный просмотр и выделение текста.

Когда я искал библиотеку jQuery, я не могу найти библиотеки, которые соответствуют моим потребностям.

Answer 1

Я использовал Rangy Library для выполнения этой задачи. Rangy Javascript.