Would like to ask, similar to this H5 mobile phone preview function has any third-party plug-ins can be used, thank you.

recently working on an h5 website, customers want to achieve the kind of background where the effect can be seen when editing.
really can"t find a plug-in that can preview in real time. Please give me some advice. Thank you.

something like this.
only needs a preview of the part on the left. Thank you.

Apr.24,2021

this is not a real-time preview problem

this is a real-time data response problem on the left based on the change in the value of the input box on the right

I don't know what framework or library you are using

jq, monitor input changes using onchange in real time


The

preview component has never been seen before, mainly because it is too flexible to extract the component.

Core question: the left responds in real time to what is filled in on the right.

1. VUE has two-way binding. You can directly use
2 and React this.setState () to update data
3. JS/JQ uses the onchange method to listen for events in the input box, and then change the content on the left.


this doesn't require any plug-ins, and it won't be difficult for you to write it yourself in jQuery. It's even easier to use those with VUE.

using input's onChange is sufficient.

Menu