CMS: adicionar e configurar campos de rich text

13 min de leitura
O campo de rich text permite que você armazene texto formatado para itens na sua coleção do CMS (sistema de gerenciamento de conteúdo). O estilo da fonte do seu site é usado no editor de rich text e quando o campo é exibido no seu site. Isso permite que você mantenha uma aparência consistente entre o estilo do cabeçalho e parágrafo do seu site e o conteúdo do seu rich text. 

Você pode usar o campo para armazenar o conteúdo que deseja exibir no seu site. Por exemplo, mostrar informações sobre um item na versão da página dinâmica de item ou mostrar informações sobre vários itens em um repetidor em uma página dinâmica de lista

Você também pode usar o campo de rich text para armazenar o texto formatado que os visitantes enviam por meio de um elemento de entrada de rich text em um formulário personalizado
Captura de tela de um elemento de entrada de rich text acima do rich text exibido em uma caixa de texto.
Dica:
Esse campo de rich text permite que você aplique formatação personalizada ao texto armazenado em sua coleção. Em vez disso, use o campo e o elemento de rich content, se você quiser combinar texto formatado com mídia, arquivos, código HTML, soluções de negócios Wix e mais. 

Adicionar o tipo de campo de rich text à sua coleção

Escolha o tipo de campo "Rich text" ao criar um novo campo na sua coleção. Se você planeja mostrar o texto no seu site, use o editor de rich text da sua coleção para adicionar e formatar o texto dos itens relevantes. Se você planeja coletar envios dos visitantes no campo de rich text, você pode deixar o campo em branco e configurar um formulário personalizado usando o elemento de rich text. 

Para adicionar um campo de rich text à sua coleção:

  1. Vá para CMS no painel de controle do seu site. Se preferir, você pode clicar em CMS no seu editor e clique em Suas coleções.
  2. Clique na coleção desejada.
  3. Clique em Gerenciar campos.
  4. Clique em + Adicionar campo
  5. Selecione Rich text e clique em Escolher tipo de campo
  1. Insira um nome em Nome do campo.
  2. (Apenas para Velo) Atualize o ID do campo, que é usado no código do site. Você não pode atualizar esse ID depois. 
  3. (Opcional) Insira um Texto de ajuda se quiser que um tooltip apareça na sua coleção ao lado do título do campo.
  4. Clique em Salvar.
  5. Escolha o que você quer fazer:

Formatação do campo de rich text

Ao editar o campo de rich text da sua coleção, selecione entre as opções na parte superior para formatar seu texto. O editor de rich text usa o mesmo tema de fonte que seu site usa. Atualize o tema de texto do seu site no Editor Wix ou no Editor do Wix Studio para ajustar os estilos de cabeçalho e parágrafo usados por todo o seu site e pelo editor de rich text. No tema de texto do seu site, você também pode ajustar o espaçamento entre linhas e caracteres.
Captura de tela de um estilo de cabeçalho sendo escolhido ou parágrafo diferente no editor de rich text.
Saiba como atualizar o tema de texto do seu site:

Exibir o conteúdo do campo de rich text no seu site

Adicione um elemento de texto à sua página e conecte-o a um conjunto de dados que se vincula à sua coleção. Em seguida, escolha o campo de rich text na conexão do conjunto de dados. 
Editor Wix
Editor do Wix Studio
  1. Vá para o seu editor.
  2. Vá para a página na qual você deseja exibir o conteúdo do campo de rich text.  
  3. Adicione um elemento de texto à página:  
    1. Clique em Elementos  no lado esquerdo do editor.
    2. Clique em Texto e arraste o elemento de texto relevante para sua página. 
  4. Clique no ícone Conectar ao CMS no elemento de texto.
  5. Clique no dropdown Escolha um conjunto de dados e selecione um conjunto de dados existente que se conecte à coleção que inclui seu campo de rich text. Se preferir, clique em Adicione um conjunto de dados e escolha a coleção que inclui seu campo de rich text, dê um nome ao conjunto de dados e clique em Criar.
  6. Clique no dropdown Texto se conecta a no painel Conectar texto e selecione o campo de rich text que você criou.  

Usar o elemento de entrada de rich text para coletar conteúdo dos visitantes do site

Crie um formulário personalizado que usa o elemento de entrada de rich text para enviar texto formatado para o campo da coleção de rich text. Se você quiser coletar diferentes tipos de entrada dos visitantes, você pode adicionar outros elementos de entrada ao seu formulário. 
Editor Wix
Editor do Wix Studio
  1. Vá para o seu editor.
  2. Adicione o elemento de entrada de rich text: 
    1. Vá para a página ou seção para onde você deseja que os visitantes enviem texto para a sua coleção. 
    2. Clique em Elementos  no lado esquerdo do editor.
    3. Clique em Entrada.
    4. Clique em Rich text
    5. Clique e arraste a caixa de rich text relevante para a página. 
Captura de tela do elemento de rich text sendo adicionado no Editor Wix.
  1. Conecte o elemento de rich text à coleção do CMS onde você armazenará os envios:
    1. Clique no ícone Conectar ao CMS  no elemento de rich text. 
    2. Clique no dropdown Escolha um conjunto de dados e selecione um conjunto de dados existente que se conecte a uma coleção onde você salvará os envios dos visitantes em um campo de rich text. Se preferir, clique em Adicionar conjunto de dados e escolha uma coleção onde você salvará os envios dos visitantes em um campo de rich text. Dê um nome ao conjunto de dados e clique em Criar.
    3. Clique no dropdown O valor se conecta a e escolha o campo de rich text no qual você armazenará os envios.
      Dica: para adicionar um novo campo para armazenar envios, selecione Adicionar novo campo, insira o nome do campo e clique em Adicionar
    4. Defina o modo conjunto de dados e as permissões da coleção:
      1. Clique em Configurações do conjunto de dados.
      2. Clique no dropdown Modo do conjunto de dados e selecione Leitura ou Leitura e gravação.
      3. (Se necessário) Clique no tipo de permissão ao lado de Permissões de coleção e selecione Envios de formulário no primeiro dropdown. Você pode clicar nos dropdowns adicionais para refinar as permissões. Clique em Salvar quando terminar de configurar as permissões. 
  1. Clique no elemento de entrada de rich text e personalize-o: 
    • Clique em Configurações para editar o seguinte: 
      • Título do campo: insira o título que aparece acima do elemento de entrada. 
      • Mostrar texto inicial: escolha o texto inicial que é exibido.
      • Tipo de campo: (opcional) selecione as opções relevantes:
        • Obrigatório: torne obrigatório que os visitantes insiram um valor na caixa antes de enviar. 
        • Somente leitura: defina o elemento para exibir apenas o conteúdo. Os visitantes não podem editar os valores, mas podem copiá-los
      • Permitir links: ative a alavanca para permitir que os visitantes enviem links no elemento. 
      • Definir limite de caracteres: ative a alavanca para limitar os envios dos visitantes a um determinado número de caracteres e, em seguida, insira o limite de caracteres. 
    • Clique no ícone Layout  para definir o alinhamento, recuo, espaçamento, margem e posição do texto. 
    • Clique no ícone Design  para escolher um design predefinido e personalizá-lo ainda mais. 
  2. Adicione um botão "Enviar" para que os visitantes cliquem para enviar quando terminarem de inserir o texto que desejam enviar. Você pode adicionar outros botões para edição ao conectar botões a ações de clique do conjunto de dados
  1. Clique em Visualizar para testar seu elemento de entrada de rich text. 
  2. Clique em Publicar se as alterações puderem ser publicadas. 

Esse artigo foi útil?

|