Exibe uma mensagem personalizada com um conteúdo HTML dentro do chat.

Figura 1 - Bloco Renderizar Html

Compatibilidade

• Bloco cliente mobile: cronapi.chat.renderChatHtml()

Retorno

Bloco sem retorno.

Parâmetros

Identificador

Identificador (id) do componente chat. Para selecioná-lo é necessário vincular o bloco de programação a um formulário de referência, confira no tópico Propriedades do Blockly da documentação Bloco de Programação.

• Posição: 1
• Inglês: Identifier
• Tipo: Objeto / Object
• Exemplo: "crn-kendo-chat-941301"

Usuário do Chat

Neste parâmetro é inserido o bloco de programação Usuário do Chat com informações sobre o usuário atual do chat.

• Posição: 2
• Inglês: Chat User
• Tipo: Objeto / Object

Html

Neste parâmetro é inserido o conteúdo HTML, também suporta conteúdo CSS, que HTML que será exibido no chat. Este parâmetro Além disso, também suporta conteúdo CSS. Para inserir vários conteúdos HTML que poderá ter diferentes tipos de visualizações dependendo do [DI-939] Renderizar Html / Render Chat Html Contents escolhido, para isso ou CSS, é necessário o uso do bloco criar lista com. 

• Posição: 3
• Inglês: Html
• Tipo: Objeto / Object

• Exemplo: 

  Bloco de código
  language xml linenumbers true
  <figure> <img src="https://www.cronapp.io/img/logo.svg" alt="Logo Cronapp"> </figure>

Âncora
Layout do Anexo Layout do Anexo

Layout do Anexo

Layout do conteúdo HTML que será exibido.

• Posição: 4
• Inglês: Attachment Layout
• Tipo: Texto / String
• Exemplo: "Lista"

• Opções:

  Lista / List
  Carrossel / Carousel

Sucesso

Executa uma ação caso o conteúdo HTML seja exibido com sucesso.

• Posição: 5
• Inglês: Success
• Tipo: Comando sem retorno / No return command 

Erro

Executa uma ação caso ocorra um erro durante a exibição do conteúdo HTML.

• Posição: 6
• Inglês: Error
• Tipo: Comando sem retorno / No return command

Exemplo 

A função abaixo, a partir do bloco Renderizar Html, exibe no chat uma mensagem personalizada com o conteúdo inserido no parâmetro Html. Neste exemplo, o bloco criar lista com foi usada para inserir três conteúdos.

Figura 2 - Exemplo de uso do bloco Renderizar Html

A imagem a seguir mostra o resultado de execução da Figura 2 com o parâmetro Layout do Anexo do tipo "Lista".

Figura 2.1 - Resultado exibido a partir das configurações da Figura 2

Se o parâmetro Layout do Anexo da função da Figura 2 for alterado para o tipo "Carrossel", o resultado de exibição será o da Figura 2.2.

Figura 2.2 - Resultado exibido com layout de Carrossel