Open the menu

    Editor de Texto/HTML

    O campo "conteúdo" de um formulário de publicação é cadastrado a partir de um editor de texto/HTML. Este editor permite formatação de tamanho e cores de fontes; cópias de informações de outros campos (podendo-se limpar a formatação dos mesmos); anexar arquivos e imagens; inserir links internos e externos; realizar busca de conteúdos no portal para que possam ser inseridos; formatação de forma gráfica ou através de código HTML; entre outras possibilidades.

    No modo texto, o conteúdo pode ser cadastrado correntemente, como num editor de texto:

    lumis.services.general_features.text_html_editor_001

    No modo HTML do editor é possível visualizar o conteúdo editado em modo texto em código HTML bastando clicar em "Código Fonte". Além disso, permite edição direto em código HTML que são refletidos no modo texto.

    A figura abaixo exibe o mesmo conteúdo do editor de texto que é exibido na anterior, agora em formato HTML, que foi obtido ao selecionar a opção "Código-Fonte".

    lumis.services.general_features.text_html_editor_002

    Este editor foi customizado para oferecer diversas opções:

    • Inserir Imagem lumis.services.general_features.text_html_editor_lumisImage: permite escolher imagens a partir do repositório do serviço de Imagens. O editor dever ter permissão de visualização na instância de serviço de imagens, além da permissão de Efetuar upload de arquivopara necessidades de adicionar imagens no repositório.
    • Modificar Escolha de Imagens lumis.services.general_features.text_html_editor_lumisSelectImages: permite alterar todas as imagens do conteúdo por outras existentes no repositório de mídias utilizando apenas um formulário. O editor dever ter permissão de visualização na instância do repositório de mídias, além da permissão de Efetuar upload de arquivopara necessidades de adicionar imagens no repositório.
    • Inserir Documento lumis.services.general_features.text_html_editor_lumisDocument: permite escolher imagens a partir do repositório do serviço de Documentos. O editor dever ter permissão de visualização na instância de serviço de documentos, além da permissão de Efetuar upload de arquivopara necessidades de adicionar documentos no repositório.
    • Inserir Link para a Página lumis.services.general_features.text_html_editor_lumisPage: Permite fazer um link de parte ou todo conteúdo a uma página do portal que o editor de conteúdo tenha acesso de visualização. Para isso, basta na adição/edição do conteúdo, selecionar o trecho necessário, e acionar opção. Portanto, esse botão só estará ativo se algum trecho do conteúdo for selecionado.

      Logo após, seleciona-se a página que deseja-se fazer o link:

      lumis.services.general_features.text_html_editor_006
    • Inserir Link para Conteúdo: lumis.services.general_features.text_html_editor_lumisContentLink: Busca por conteúdo cadastrado no portal e o insere no editor HTML, como hyperlink para a página do portal que contém os seus detalhes.

      A instância do serviço de busca deve estar adicionada acima ou no mesmo canal onde está adicionada a instância do serviço HTML.

      Um pop-up é exibido para que seja realizada a busca pelo conteúdo. O editor de conteúdo deve ter permissão de visualização na instância de serviço do conteúdo a ser retornado.

      A figura abaixo exibe o conteúdo buscado "Aviso" e o seu resultado "Aviso 1".

      lumis.services.general_features.text_html_editor_008

      Uma vez selecionado na lista de resultados, é inserido no editor de texto, como hyperlink :

      lumis.services.general_features.text_html_editor_009

      A opção lumis.services.general_features.text_html_editor_010 (Editar) permite que o editor seja maximizado.

    • Inserir HTML: é possível inserir templates de HTML previamente registrados por um administrador. Se o usuário tiver permissão de "Gerenciar instância de serviço" na instância de serviço do conteúdo sendo editado, ele também poderá inserir novos templates e manipulá-los. Estes templates estão limitados ao escopo da instância de serviço do conteúdo sendo editado.
      lumis.services.general_features.text_html_editor_011

      Ao clicar no botão em ênfase acima, uma interface como a abaixo será mostrada.

      lumis.services.general_features.text_html_editor_012

      Através desta interface é possível inserir um código fonte HTML, podendo também gerar templates ao entrar no link "Administração de templates HTML".

      lumis.services.general_features.text_html_editor_013
      Administração de templates HTML

      Ao adicionar um template, deve-se dar a ele um título de exibição, o código HTML do template, e opcionalmente o caminho de uma imagem de preview.

      lumis.services.general_features.text_html_editor_014
      Adição de novos templates

      Após inserir ao menos um template, na interface inicial, aparecerá uma lista onde é possível selecionar um template afim de ser utilizado no editor.

      lumis.services.general_features.text_html_editor_015
      Uma nova área surgiu na interface inicial. Com o nome de "Lista de templates HTML".
    • Inserir Widget lumis.services.general_features.text_html_editor_widget.gif: permite escolher widgets a partir do serviço de repositório de Widgets.

      Para o funcionamento correto do plugin é necessário cadastrar o repositório de widgets no serviço que possui o campo html. Para mais informações acessar a página de selecionar instância de serviço

      O plugin de Repositório de Widgets é representado por um botão no toolbar do editor html. Ao clica-lo, um lightbox contendo todos os widgets cadastrados será disponibilizado para que o usuário selecione o widget que será incluido no editor html.

      Interface de seleção de widgets

      O widget inserido disponibilizará, através de um right click um menu de contexto de nível compartilhado, permitindo uma configuração particular dos widgets.

      lumis.service.pagepersonalization.ckeditorPlugin.widget.png

      Os widgets serão substituídos pelos seus conteúdos no momento da renderização da página que exiba esse campo html.

    • Edição de blocos: Permite dividir a edição do conteúdo em blocos de forma a facilitar manipulações como mover blocos entre si, adicionar um novo bloco ou excluir um bloco.
      multi block edit
      Edição de blocos

      Inicialmente, o editor de HTML somente exibirá um controle para adicionar um novo bloco . Uma vez que um bloco seja adicionado, os outros controles são exibidos.

      Na barra de título do bloco, é possível editar o título do bloco , fechar o editor do bloco (caso o mesmo encontre-se aberto), abrir o editor do bloco (caso o mesmo encontre-se fechado), excluir um bloco ou mover um bloco entre os outros blocos utilizando o grip lateral .

      Para abrir as opções de filtro condicional de segmentação, clique o ícone :

      segmentation multi block edit
      Edição de filtro de segmentação do bloco

      As opções:

      • Todos: o bloco será visível a todos os usuários.
      • Se: o bloco apenas será visível aos usuários membros dos grupos e segmentações escolhidas no campo Renderiza bloco se usuário for membro de.
      • Senão: o bloco apenas será visível se o usuário não conseguir ver um bloco anterior com a regra Se ou Senão se.
      • Senão se: o bloco apenas será visível se o usuário não conseguir ver um bloco anterior com a regra Se ou Senão se, e se for membro dos grupos e segmentações escolhidas no campo Renderiza bloco se usuário for membro de.