鍍金池/ 問答/HTML5  HTML/ 螞蟻金服的在線預(yù)覽編輯模板是怎么實(shí)現(xiàn)的？原理是啥？

螞蟻金服的在線預(yù)覽編輯模板是怎么實(shí)現(xiàn)的？原理是啥？

!
clipboard.png
生成代碼。并且可預(yù)覽，這個(gè)實(shí)現(xiàn)原理是什么？現(xiàn)在公司需要做一個(gè)類型的項(xiàng)目。
螞蟻金服的地址:https://motion.ant.design/edi...

回答
編輯回答
筱饞貓

http://www.zhangxinxu.com/wor... 可以看下這篇文章
比如這個(gè) https://www.onlinehtmleditor....
每次的修改都會(huì)同步到iframe標(biāo)簽里

2018年6月8日 04:24
編輯回答
命于你

這種項(xiàng)目其實(shí)有很多個(gè)，什么易企秀之類的，現(xiàn)在可以說(shuō)到處都是
本質(zhì)其實(shí)你預(yù)覽的部分就是個(gè)iframe……也就是生成后的代碼。
每個(gè)控件應(yīng)該會(huì)對(duì)應(yīng)2種代碼，1是用于預(yù)覽的、2是用于實(shí)際生產(chǎn)的。——因?yàn)?者之間還是有些許區(qū)別的。
然后就是點(diǎn)擊iframe內(nèi)部空間調(diào)用外部對(duì)應(yīng)的配置模板，修改數(shù)據(jù)后反饋進(jìn)iframe

2017年2月10日 17:07