Personalizar atributos TinyMCE

  • Versão de lançamento: Washingtondc
  • Atualizado 1 de fev. de 2024
  • 6 min. de leitura
  • Altere as barras de ferramentas TinyMCE e a altura padrão dos campos HTML para personalizar sua experiência no campo de diário.

    Adicione ou remova atributos TinyMCE da barra de ferramentas TinyMCE padrão. Os atributos do TinyMCE são aplicados às barras de ferramentas do TinyMCE na plataforma e nos espaços, a plug-ins específicos em um registro ou a tabelas específicas em um registro. Você também pode aplicar um atributo para aumentar a altura dos campos HTML, ampliando o campo HTML com o qual os agentes trabalham.

    Alterar a barra de ferramentas padrão do TinyMCE

    Defina os itens da barra de ferramentas nas propriedades do sistema para habilitar ou desabilitar em Espaço.

    Antes de Iniciar

    Função necessária: administrador

    Procedimento

    1. Navegar até Todos > Propriedades do sistema > Propriedades da IU.
    2. Atualize a propriedade Configura a barra de ferramentas de edição para campos HTML (TinyMCE v5) (glide.ui.html.editor.v5.toolbar) para adicionar ou remover botões da barra de ferramentas.
      Nota:
      Use uma barra vertical ("|") para adicionar um separador de seção.
      Tipo Botões
      Botões padrão bold italic underline undo redo | fontselect fontsizeselect table | forecolor backcolor link unlink | image media code | alignleft aligncenter alignright | bullist numlist fullscreen
      Botões válidos newdocument, bold, italic, underline, strikethrough, alignleft, aligncenter, alignright, alignjustify, formatselect, fontselect, fontsizeselect, table, cut, copy, paste, pastetext, searchreplace, bullist, numlist, outdent, indent, blockquote, undo, redo, link, unlink, code, forecolor, backcolor, removeformat, hr, visualblocks, subscript, superscript, charmap, image, media, fullscreen, anchor, toc, codesample, ltr, rtl, emoticons, insertdatetime, nonbreaking, pagebreak, print, visualblocks, visualchars, cut, copy
    3. Selecione Salvar.

    Alterar a barra de ferramentas TinyMCE de uma tabela específica

    Defina os atributos no dicionário TinyMCE para determinar quais atributos TinyMCE são mostrados em uma tabela específica.

    Antes de Iniciar

    Função necessária: administrador

    Procedimento

    1. Navegue até um registro com um campo do tipo HTML que você deseja mudar.
      Por exemplo, selecione um incidente, problema ou registro de conhecimento.
    2. Clique com o botão direito do mouse no rótulo do campo (por exemplo, Corpo do artigo) e selecione Configurar dicionário.
    3. Na seção Links relacionados, selecione Exibição avançada.
    4. No campo Atributos, insira editor.toolbar = seguido pelos botões desejados da barra de ferramentas.
      Por exemplo, editor.toolbar=formatselect|negrito itálico tachado blockquote subscript superscript removeformat| lista numérica de touros outdent indent|desfazer refazer|tabela hr|vincular desvincular|código de mídia de imagem|visualização de blocos visuais em tela cheia.
      Nota:
      • Inclua todos os itens da barra de ferramentas que você deseja exibir, não apenas os itens da barra de ferramentas que deseja adicionar.
      • As configurações feitas no campo Atributo de um campo no registro do Dicionário associado substituem o valor da propriedade do sistema glide.ui.html.editor.v5.toolbar.
      • Vários atributos, como altura, botões da barra de ferramentas e plug-ins da barra de ferramentas, podem ser combinados no campo Atributos. Por exemplo, editor.height=300,editor.plugins=table colorpicker textcódigo de mídia de imagem de link de coresespelho listas advlist encantamento de tela inteira emoticons de direcionalidade de mapa hr inserir datahora sem quebra de páginaquebrar pesquisa de impressãosubstituir contagem de palavras códigos de âncora tocexemplo visualblocos visuaiscaracteres compat3x autolink alinhamento_listaitems,editor.toolbar= fonteselecionar fonteselecionar | negrito itálico sublinhado tachado anteriorcolorir colar cor colartexto removerformatar | formatosselecionar pesquisasubstituir desfazer refazer | número da lista de touros sair recuo recuo alinhar à esquerda alinhar centralizar alinhar à direita | link da tabela toc desvincular imagem codesample de mídia | código de tela cheia.
    5. Selecione Atualizar.

    Alterar os plug-ins TinyMCE de uma tabela específica

    Defina os atributos no dicionário TinyMCE para habilitar ou desabilitar plug-ins em um campo HTML específico.

    Antes de Iniciar

    Função necessária: administrador

    Procedimento

    1. Navegue até um registro com um campo do tipo HTML que você deseja mudar.
      Por exemplo, selecione um incidente, problema ou registro de conhecimento.
    2. Clique com o botão direito do mouse no rótulo do campo (por exemplo, Corpo do artigo) e selecione Configurar dicionário.
    3. Na seção Links relacionados, selecione Exibição avançada.
    4. No campo Atributos, insira editor.plugins = seguido pelos plug-ins desejados, separados por um espaço.

      Por exemplo, editor.plugins = texto do seletor de cores da tabela código de mídia da imagem do link colorido listas de espelhamento adv lista de caracteres tela cheia direcionalidade do mapa emoticons hr inserir data e hora sem quebra página quebra de página substituir códigos toc de âncora de contagem de palavras visual de exemplo blocos visuais caracteres compatíveis com 3x autolink alinhamento_listaitems.

      Nota:
      • Inclua todos os itens da barra de ferramentas que você deseja exibir, não apenas os itens da barra de ferramentas que deseja adicionar.
      • As configurações feitas no campo Atributo de um campo no registro do Dicionário associado substituem o valor da propriedade do sistema glide.ui.html.editor.v5.toolbar.
      • Os plug-ins permitidos incluem: advlist alinhar_listaitens âncora autolink ativar automaticamente bbcode encantarcódigo de espelhamentocódigos de exemplo emoticons de seleção de direcionalidadeemoticons tela cheia imagem hr inserirdatahora listas de link mídia nãoquebrar quebra de páginaquebrar visualização imprimir somentepesquisa sem bordasubstituir texto da tabelacolorir toc visualbloquear visualcontagem de palavras
      • Vários atributos, como altura, botões da barra de ferramentas e plug-ins da barra de ferramentas, podem ser combinados no campo Atributos. Por exemplo, editor.height=300,editor.plugins=table colorpicker textcódigo de mídia de imagem de link de coresespelho listas advlist encantamento de tela inteira emoticons de direcionalidade de mapa hr inserir datahora sem quebra de páginaquebrar pesquisa de impressãosubstituir contagem de palavras códigos de âncora tocexemplo visualblocos visuaiscaracteres compat3x autolink alinhamento_listaitems,editor.toolbar= fonteselecionar fonteselecionar | negrito itálico sublinhado tachado anteriorcolorir colar cor colartexto removerformatar | formatosselecionar pesquisasubstituir desfazer refazer | número da lista de touros sair recuo recuo alinhar à esquerda alinhar centralizar alinhar à direita | link da tabela toc desvincular imagem codesample de mídia | código de tela cheia.
    5. Selecione Atualizar.

    Alterar a altura padrão de um campo HTML

    Altere a altura padrão de um campo HTML específico para expandir o tamanho de um campo de diário.

    Antes de Iniciar

    Função necessária: administrador

    Por Que e Quando Desempenhar Esta Tarefa

    A altura do campo HTML é configurada por campo HTML.

    Procedimento

    1. Navegue até um registro com um campo do tipo HTML que você deseja mudar.
      Por exemplo, selecione um incidente, problema ou registro de conhecimento.
    2. Clique com o botão direito do mouse no rótulo do campo (por exemplo, Corpo do artigo) e selecione Configurar dicionário.
    3. Na seção Links relacionados, selecione Exibição avançada.
    4. No campo Atributos, insira editor.height=X, em que X é a altura desejada.
      Por exemplo, editor.height=250
      Nota:

      Os campos HTML podem variar de 72 a 2000. Os campos HTML são, por padrão, 64.

    5. Selecione Atualizar.
    6. Para configurar a altura dos campos de formulário dinamicamente conforme a linha de texto aumenta em vez de fornecer uma altura específica, conclua as seguintes etapas:
      1. Navegar até Todos > Propriedades do sistema > Todas as Propriedades
      2. Na barra de pesquisa, insira glide.ui.html.editor.v5.enabled_plugins e selecione a propriedade.
      3. No campo de valor, adicione autoresize.
      4. Selecione Atualizar.
        O plug-in de dimensionamento automático está ativo.

    Alterar o tamanho da fonte padrão de um campo HTML

    Altere o tamanho da fonte padrão de um campo HTML específico para usar um tamanho de fonte padrão em formulários.

    Antes de Iniciar

    Função necessária: administrador

    Por Que e Quando Desempenhar Esta Tarefa

    O tamanho da fonte HTML é configurado por campo HTML.

    Procedimento

    1. Navegue até um registro com um campo do tipo HTML que você deseja mudar.
      Por exemplo, selecione um incidente, problema ou registro de conhecimento.
    2. Clique com o botão direito do mouse no rótulo do campo (por exemplo, Corpo do artigo) e selecione Configurar dicionário.
    3. Selecione a guia Valor padrão.
    4. No campo Valor padrão, insira <p style="font-size:X;"></p>, em que X é o valor padrão.
      Por exemplo:
      • Para definir a fonte como grande, insira <p style="font-size:large;"></p>
      • Para definir o tamanho como 10, insira <p style="font-size:10pt;"></p>
    5. Selecione Atualizar.