如何预览javascript中动态更改

Question

我正在创建一个用户可以更改其网站特定部分的网站。但在他们提交更改之前，我希望他们能够预览更改。我考虑过整个页面的innnerHTML，然后编辑该函数。也许有一种方法我仍然可以搜索＆amp;对我分配给innerHTML的变量进行动态更改。关于我将如何做到这一点的任何想法？

修改

进一步解释我的意思：

用户可以通过更改图片和文字来更新其网页。它背后的JavaScript代码将允许启用此功能。与博客的工作方式类似。我希望他们能够在能够提交这些更改之前预览他们所做的更改。

Answer 1

如果您可以给我们代码示例，我们可以为您提供进一步的帮助，但是根据您提供的内容，我建议您制作一个div，其中包含用户输入的html，并在您检测到输入后可以相应地更新div.innerHTML。不过要确保安全检查html中的脚本标签，因为直接从用户执行html可能会导致用户放入一些讨厌的javascript并破坏你的网站。

如果您决定提供一些代码，请尽快提供帮助。

Answer 2

您可以将输入数据保存为javascript本地存储。 或者将输入值保存为json数组，并且当预览按钮点击时 - >将数组值加载到预览div。并在最终提交时将json数组传递给代码。