Compartilhar via


Como a: Personalizar o controle de campo editor HTML

Você pode usar o controle campo HTML Editor para inserir de conteúdo HTML uma editoração página. Modelos de página que incluem um tipo coluna Publishing HTML também incluem o controle campo HTML Editor. Este editor possui recursos especiais, such as personalizado estilos, edição restrições, de conteúdo reutilizável suporte e uso de selecionadores do ativo para selecionar documentos e imagens para inserir de conteúdo a página. Este tópico descreve como modificar alguns recursos e os atributos desse controle.

Restrições

Se a tipo de conteúdo de um layout página oferece suporte a coluna Page Content, você pode adicionar um controle campo Rich HTML para seu layout da página usando marcação such as:

<PublishingWebControls:RichHtmlField id="ArticleAbstract" Fieldname="ArticleAbstract" 
          AllowExternalUrls="false" 
          AllowFonts="true" 
          AllowReusableContent="false" 
          AllowHeadings="false"
          AllowHyperlinks="false"
          AllowImages="false"
          AllowLists="false"
          AllowTables="false"
          AllowTextMarkup="false" 
          AllowHTMLSourceEditing="false"
          DisalbeBasicFormattingButtons="false"
          runat="server"/>

No exemplo acima, RichHTMLField é o nome do controle de campo que fornece a experiência mais rica edição de HTML. Atributos, como AllowFonts e AllowTables especificar restrições de campo.

O controle campo HTML permite marcas fonte, mas o controle não permite externo URLs para o atual site coleção, de conteúdo reutilizável armazenados em uma lista centralizada, padrão marcas cabeçalho HTML, hiperlinks, imagens, numeradas ou com marcadores listas, tabelas ou texto marcação.

Atributo Descrição

AllowExternalUrls

Apenas URLs internos para o atual coleção site têm permissão para ser relacionado em um link ou uma imagem.

AllowFonts

O conteúdo pode conter marcas de fontes.

AllowReusableContent

O conteúdo pode conter de conteúdo reutilizável fragmentos armazenados em uma lista centralizada.

AllowHeadings

O conteúdo pode conter marcas cabeçalho HTML a posição (H1, H2, etc.)

AllowTextMarkup

Conteúdo pode conter negrito, itálico e sublinhado texto.

AllowImages

O conteúdo pode conter imagens.

AllowLists

O conteúdo pode conter numerada ou lista com marcadores.

AllowTables

Content may contain table-related tags such as <table>, <tr>, and <td>.

AllowHyperlinks

Conteúdo pode conter links para outras URLs.

AllowHtmlSourceEditing

Quando definida como false, o editor de HTML é desativado de alternar para código-fonte HTML edição modo.

DisableBasicFormattingButtons

Quando definida como true, formatação mais básicas botões estão desativados.

Formatos de tabela predefinido

O editor de HTML vem com um conjunto de formatos predefinidos tabela, mas pode ser personalizado para ajustar o estilo de uma individual página. Cada formato tabela consiste de uma coleção de classes folha de estilo em cascata (folhas de estilo em cascata) para cada marca tabela. Você pode definir estilos para a linha e o sobrenome, ímpar e até mesmo linhas, coluna e o sobrenome e assim por diante.

O editor HTML dinamicamente aplica determinados estilos a partir de relacionado estilo folhas na página e torna disponível aos usuários quando formatação uma tabela. Para um personalizado estilo serem disponível quando formatação uma tabela, nomes de classe relevantes deve seguir o formato PREFIXTableXXX-NNN PREFIXTableXXX-NNN, onde

  • PREFIX is ms-rte by default, but you can override the default by using the control PrefixStyleSheet property of the RichHTML field control.

  • XXX é a seção tabela específica, such as EvenRow ou OddRow.

  • NNN é o nome para identificar o estilo tabela.

O seguinte exemplo apresenta um completo conjunto de classes para um formato estilos tabela:

.ms-rteTable-1 {border-collapse:collapse;border-top:gray 1.5pt;
    border-left:gray 1.5pt;border-bottom:gray 1.5pt;
    border-right:gray 1.5pt;border-style:solid;}
.ms-rteTableHeaderRow-1 {color:Green;background:yellow;text-align:left}
.ms-rteTableHeaderFirstCol-1 {padding:0in 5.4pt 0in 5.4pt;}
.ms-rteTableHeaderLastCol-1 {padding:0in 5.4pt 0in 5.4pt;}
.ms-rteTableHeaderOddCol-1 {padding:0in 5.4pt 0in 5.4pt;}
.ms-rteTableHeaderEvenCol-1 {padding:0in 5.4pt 0in 5.4pt;}
.ms-rteTableOddRow-1 {color:black;background:#FFFFDD;}
.ms-rteTableEvenRow-1 {color:black;background:#FFB4B4;}
.ms-rteTableFirstCol-1 {padding:0in 5.4pt 0in 5.4pt;}
.ms-rteTableLastCol-1 {padding:0in 5.4pt 0in 5.4pt;}
.ms-rteTableOddCol-1 {padding:0in 5.4pt 0in 5.4pt;}
.ms-rteTableEvenCol-1 {padding:0in 5.4pt 0in 5.4pt;}
.ms-rteTableFooterRow-1 {color:blue;font-style:bold;
    font-weight:bold;background:white;border-top:solid gray 1.0pt;
    border-bottom:solid gray 1.0pt;border-right:solid silver 1.0pt; 
    border-style:solid;}
.ms-rteTableFooterFirstCol-1 {padding:0in 5.4pt 0in 5.4pt;
    border-top:solid gray 1.0pt;text-align:left}
.ms-rteTableFooterLastCol-1 {padding:0in 5.4pt 0in 5.4pt;
    border-top:solid gray 1.0pt;text-align:left}
.ms-rteTableFooterOddCol-1 {padding:0in 5.4pt 0in 5.4pt;
    text-align:left;border-top:solid gray 1.0pt;}
.ms-rteTableFooterEvenCol-1 {padding:0in 5.4pt 0in 5.4pt;
    text-align:left;border-top:solid gray 1.0pt;}

O Office SharePoint Server 2007 vem com um conjunto de estilos tabela usar como padrão. No entanto, se o sistema detectar quaisquer novos estilos que não foram originada no arquivo .css usar como padrão, ele remove o conjunto usar como padrão e apresenta somente esses estilos recém-definidos no diálogo de editor de HTML.

Consulte também

Outros recursos

Como a: personalizar estilos