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

Question

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

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

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

Answer 1

我的理解

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

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

我希望它至少会有一些想法。 ：）