Настройка предварительного просмотра в текстовом редакторе начальной загрузки?

Question

Я использую богатый текстовый редактор bootstrap, как это $('#editor').wysiwyg(); Я использую ajax для передачи html-контента, сгенерированного .wysiwyg, чтобы сохранить его в базе данных. Затем я получу HTML-данные для вставки на мою домашнюю страницу. Проблема в том, что я сначала хочу показать текст предварительного просмотра и вставленные изображения и показать вывод html-контента, когда пользователь нажимает «увидеть больше». Предварительный просмотр выглядит так:

Когда пользователь нажимает «увидеть больше», именно здесь я покажу полные html-данные, сгенерированные wysiwig. Другими словами, в разделе предварительного просмотра я хочу показывать только текст без форматирования вместе с прикрепленными к нему изображениями

Мое единственное решение - получить прямой доступ к html, сгенерированному при начальной загрузке, и извлечь значение из текстового поля. Есть ли лучший способ?

Answer 1

Как я понимаю

Первое решение заключается в том, что вы просто создаете еще одну краткую характеристику в админ-панели при публикации новостей / статей. В этом кратком описании вы можете ввести и вставить только ту часть, которую хотите показать в краткое описание , и ввести полную новость / статью в подробное описание. Поэтому, когда вы хотите показать короткую часть новости / статьи, используйте краткое описание и используйте ссылку на полное описание .

Второе решение заключается в том, что при использовании серверного программирования вы просто отфильтровываете приблизительные 500 слов и изображений, а затем просто показываете их и создаете новую страницу, которая ссылается с идентификатором полной статьи / новым для якоря. Подробнее .

Надеюсь, это даст хоть какую-то идею. :)