最近在做一個(gè)h5網(wǎng)站，客戶想要達(dá)到能夠在編輯的時(shí)候就能夠看得到效果的那種后臺，
實(shí)在找不到插件能夠?qū)崟r(shí)預(yù)覽，請教各位大佬指點(diǎn)迷津，謝謝。
類似于這樣子的。
只需要左邊這部分的預(yù)覽即可。謝謝。
這不是什么實(shí)時(shí)預(yù)覽的問題
這就是個(gè)根據(jù)右側(cè)輸入框值的改變，左側(cè)實(shí)時(shí)的數(shù)據(jù)響應(yīng)問題
我不知道你用的是什么框架或者庫
jq的話，實(shí)時(shí)監(jiān)聽input改變使用onchange
這個(gè)不需要什么插件，你自己用jQuery寫都沒什么難度。用VUE那些就更簡單了。
用input的onChange足夠了。
預(yù)覽組件倒是沒見過，主要是因?yàn)檫@種預(yù)覽太靈活了，不太好抽取組件。
核心問題： 左邊 實(shí)時(shí)響應(yīng) 右邊填寫的內(nèi)容。
1、VUE 有雙向綁定，直接可以使用
2、React this.setState() 更新數(shù)據(jù)就行
3、JS/JQ 使用 onchange 方法進(jìn)行事件監(jiān)聽輸入框，然后改變左邊內(nèi)容即可。
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景，秉承“教育改變生活”的發(fā)展理念，致力于培養(yǎng)中國IT技能型緊缺人才，是大數(shù)據(jù)專業(yè)的國家
達(dá)內(nèi)教育集團(tuán)成立于2002年，是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu)，是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市，融資1
北大課工場是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國家深化產(chǎn)教融合／校企合作的政策，積極推進(jìn)“中國制造2025”，實(shí)現(xiàn)中華民族偉大復(fù)興的升級產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰，中國職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師，曾在博彥科技股份有限公司擔(dān)任項(xiàng)目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作，曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項(xiàng)目經(jīng)理。精通Java與.NET 技術(shù)， 熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗(yàn)，技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3；Javascript及主流js庫，具有快速界面開發(fā)的能力，對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國Software AG 技術(shù)顧問，美國Dachieve 系統(tǒng)架構(gòu)師，美國AngelEngineers Inc. 系統(tǒng)架構(gòu)師。
掃碼關(guān)注鍍金池微信號
手機(jī)訂課，優(yōu)惠多多
