Procédure : personnaliser le contrôle de champ de l'éditeur HTML

Vous pouvez utiliser le contrôle de champ de l'éditeur HTML pour insérer un contenu HTML dans une page de publication. Les modèles de page qui incluent un type de colonne HTML de publication contiennent également le contrôle de champ de l'éditeur HTML. Cet éditeur possède des fonctionnalités spéciales, tels que des styles personnalisés, des contraintes d'édition, un support de contenu réutilisable. Il utilise des sélecteurs d'éléments pour sélectionner des documents et des images à insérer dans le contenu de la page. Cette rubrique décrit comment modifier certaines fonctionnalités et attributs de ce contrôle.

Contraintes

Si le type de contenu d'une mise en page prend en charge la colonne Contenu de la page, vous pouvez ajouter un contrôle de champ HTML enrichi dans votre mise en page en utilisant les balises suivantes :

<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"/>

Dans l'exemple ci-dessus, RichHTMLField est le nom du contrôle de champ qui permet le mieux d'éditer le HTML. Les attributs tels que AllowFonts et AllowTables spécifient des restrictions sur le champ.

Le contrôle de champ HTML autorise les balises de police, mais le contrôle n'autorise pas les URL externes vers la collection de sites active, le contenu réutilisable stocké dans une liste centralisée, les balises de titre HTML standard, les liens hypertexte, les images, les listes numérotées ou à puces, les tableaux ou les balises de texte.

Formats de tableau prédéfinis

L'éditeur HTML est livré avec un ensemble prédéfini de formats de tableau, mais il peut être personnalisé pour répondre au style d'une page en particulier. Chaque format de tableau consiste en une collection de classes de feuilles de style en cascade pour chaque balise de tableau. Vous pouvez définir un style pour la première et la dernière ligne, les lignes paires et impaires, la première et la dernière colonne, etc.

L'éditeur HTML applique dynamiquement certains styles à partir des feuilles de style référencées dans la page et les met à disposition des utilisateurs qui souhaitent mettre en forme un tableau. Afin qu'un style personnalisé soit disponible lors de la mise en forme d'un tableau, les noms de classe appropriés doivent respecter le format PREFIXTableXXX-NNN, où

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

• XXX correspond à la section du tableau spécifique, telle que EvenRow ou OddRow.

• NNN correspond au nom qui permet d'identifier le style du tableau.

Le code exemple qui suit présente un ensemble complet de classes pour un format de tableau :

.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;}

Office SharePoint Server 2007 est livré avec un ensemble de styles de tableaux par défaut. Toutefois, si le système détecte des nouveaux styles qui ne proviennent pas du fichier .css par défaut, il supprime l'ensemble par défaut et présente uniquement les styles nouvellement définis dans la boîte de dialogue de l'éditeur HTML.

Voir aussi

Autres ressources

Procédure : personnaliser les styles