在引导富文本编辑器中自定义预览？

Question

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

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

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

Answer 1

我怎么理解的

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

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

我希望它至少能提供一些想法。 :)