Conectar ao Banco de Dados do Wix com código HTML iFrame
Olá, eu queria estabelecer uma conexão com o Banco de Dados do Wix por meio de código HTML no component HTML iFrame, há como fazer essa conexão com esse Banco?
<html><head><script type="text/javascript">// recebe o html
window.onmessage=(event)=>{if(event.data){
document.getElementById("container").innerHTML = event.data;}};</script></head><body><ul id="container"class="label">HTML</ul></body></html>
Código wix code:
import wixData from'wix-data';
$w.onReady(function(){//faz a consulta ao banco de dados
wixData.query("posts").find().then(result=>{let html =''//gera o html
result.items.forEach(item=>{
html +=`<li>${item.text}</li>`})//envia para o iframe$w("#html1").postMessage(html)})});
Olá Matheus, gostaria de realizar esse procedimento, mas não entendo como devo colocar o código HTML na minha database. Deve ser um 'rich text'?
Além disso, não entendi o que quis dizer com " um código html dentro do componente HTML ", já que a intenção é fazer com que os códigos html de cada iframe sejam diferentes de acordo com a a página dinamica acessada.
@AYA UMA Olá, não sei exatamente como fazer isso, mas acho que se trata de injeção de código dinâmico (Eval no JavaScript nativo do Wix), que talvez com o conhecimento da utilização desse procedimento nessa plataforma, ainda sim talvez tenha que tratar as questões de segurança sobre a utilização de tal procedimento. E caso você ainda esteja precisando de ajuda com isso, eu indicaria criar um Post no fórum mais específico para que a comunidade possa te ajudar ;)
A lista de desejosé a nova plataforma oficial para solicitação de novos recursos. Você pode votar, comentar e acompanhar o status dos recursos solicitados - Disponível apenas em inglês.
Olá @Victor Rayan, Você pode conseguir sim! desde que exista um código html dentro do componente HTML do seu editor...
Abaixo deixarei um exemplo real dessa interação, e um código de exemplo. Exemplo: https://www.wix.com/code/home/example/Chart Código do componente html:
<html> <head> <script type="text/javascript"> // recebe o html window.onmessage = (event) => { if (event.data) { document.getElementById("container").innerHTML = event.data; } }; </script> </head> <body> <ul id="container" class="label">HTML</ul> </body> </html>
Código wix code:
import wixData from 'wix-data'; $w.onReady(function () { //faz a consulta ao banco de dados wixData.query("posts") .find() .then(result => { let html = '' //gera o html result.items.forEach(item => { html += `<li>${item.text}</li>` }) //envia para o iframe $w("#html1").postMessage(html) }) });
Espero ter te ajudado ;)
Olá Matheus, gostaria de realizar esse procedimento, mas não entendo como devo colocar o código HTML na minha database. Deve ser um 'rich text'?
Além disso, não entendi o que quis dizer com " um código html dentro do componente HTML ", já que a intenção é fazer com que os códigos html de cada iframe sejam diferentes de acordo com a a página dinamica acessada.
obrigada!
Desculpe a demora do retorno, mas seu post foi de grande ajuda sim ;)
Vou tentar realizar esse procedimento.
@AYA UMA Olá, não sei exatamente como fazer isso, mas acho que se trata de injeção de código dinâmico (Eval no JavaScript nativo do Wix), que talvez com o conhecimento da utilização desse procedimento nessa plataforma, ainda sim talvez tenha que tratar as questões de segurança sobre a utilização de tal procedimento. E caso você ainda esteja precisando de ajuda com isso, eu indicaria criar um Post no fórum mais específico para que a comunidade possa te ajudar ;)