在新页面上显示预览

Question

我有编辑器，我可以在我的页面中使用js获取它的代码，用户可以在其中编写他的html代码。我想在新窗口中显示当前用户的html代码而不将代码保存在数据库或其他内容中。我怎么能这样做？

Answer 1

您为什么不将您的值存储在html5存储对象（例如sessionStorage / localStorage）中，请访问 Html5 Storage Doc 以获取更多详细信息。使用此功能，您可以在本地临时/永久存储中间值，然后访问您的值 用于存储会话的值

sessionStorage.getItem('label')
sessionStorage.setItem('value', 'label')

或使用

永久存储值

localStorage.getItem('label')
localStorage.setItem('value', 'label')

因此，您可以使用html5存储对象在多个页面之间存储（临时）表单数据

你可以使用sessionstorage对象临时存储用户的会话代码，并使用上面的语法在下一页上获取

Answer 2

按照以下步骤操作：

1. 在预览页面上，放置IFRAME。
2. 在第一页中，用户输入HTML，设置会话变量。
3. 点击第一页上的某个按钮，设置会话并重定向到预览页面。
4. 预览页面应该获取会话值并将其显示在IFRAME
中

Answer 3

这可能会对您有所帮助：

<强> JSBin Demo