jquery - 在 Bootstrap 富文本编辑器中自定义预览？

Question

我正在使用 Bootstrap 的富文本编辑器，像这样 $('#editor').wysiwyg();我正在使用 ajax 传递 .wysiwyg 生成的 html 内容，以便保存到数据库中。然后我会将 html 数据粘贴到我的主页。问题是我首先要显示预览文本和插入的图像，并在用户单击“查看更多”时显示 html 内容的输出。预览看起来像这样:

当用户点击“查看更多”时，我将在此处显示所见即所得生成的完整 html 数据。换句话说，在预览部分，我只想显示没有格式的文本以及我附加到它的图像

我唯一的解决方案是直接访问 Bootstrap 生成的 html 并从文本框中提取值。有没有更好的办法？

Answer 1

据我所知

第一个解决方案是您在发布新闻/文章时在管理面板中创建另一个简短描述功能。在该简短描述中，您只能键入并插入您希望在简短描述 中显示的部分，并在长描述部分键入完整的新闻/文章。因此，当想要显示新闻/文章的简短部分时，请使用简短描述 并使用指向完整描述 的链接。

第二个解决方案是使用服务器端编程过滤掉猜测的大约 500 个单词和图像，然后简单地显示它并创建一个新页面，该页面与完整文章/新的 ID 链接到 anchor 查看更多。

我希望它至少能给出一些想法。:)