想请问一下，类似于这种h5手机预览功能有什么第三方插件可以用吗，谢谢。

Question

最近在做一个h5网站，客户想要达到能够在编辑的时候就能够看得到效果的那种后台，
实在找不到插件能够实时预览，请教各位大佬指点迷津，谢谢。

类似于这样子的。
只需要左边这部分的预览即可。谢谢。

Answer 1

这不是什么实时预览的问题

这就是个根据右侧输入框值的改变，左侧实时的数据响应问题

我不知道你用的是什么框架或者库

jq的话，实时监听input改变使用onchange

Answer 2

预览组件倒是没见过，主要是因为这种预览太灵活了，不太好抽取组件。

核心问题： 左边 实时响应 右边填写的内容。

1、VUE 有双向绑定，直接可以使用
2、React this.setState() 更新数据就行
3、JS/JQ 使用 onchange 方法进行事件监听输入框，然后改变左边内容即可。

Answer 3

这个不需要什么插件，你自己用jQuery写都没什么难度。用VUE那些就更简单了。

用input的onChange足够了。