占位符文本框 wpf - Html

占位符文本框在WPF中可以使用WatermarkTextBox控件来实现。它允许在输入框中显示一个占位符文本，当用户开始输入时自动消失。

使用方法

使用WatermarkTextBox控件很简单，只需要使用以下代码即可：

<controls:WatermarkTextBox Watermark="请输入文本" Text="{Binding SomeText}" />

其中，Watermark属性设置要显示的占位符文本，Text属性用于获取输入的文本。需要注意的是，如果要绑定Text属性，需要保证数据上下文的正确性。

自定义样式

WatermarkTextBox控件支持自定义样式，可以通过修改默认模板来实现。以下是一个自定义模板的示例：

<Style x:Key="CustomWatermarkTextBoxStyle" TargetType="{x:Type controls:WatermarkTextBox}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type controls:WatermarkTextBox}">
                <Grid>
                    <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}">
                        <TextBox x:Name="TextBox" 
                                 Text="{TemplateBinding Text}"
                                 HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
                                 VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
                                 Padding="{TemplateBinding Padding}"
                                 SelectionBrush="{TemplateBinding SelectionBrush}"
                                 SelectionTextBrush="{TemplateBinding SelectionTextBrush}"
                                 SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
                                 />
                    </Border>
                    <ContentPresenter x:Name="WatermarkPresenter" 
                                      Content="{TemplateBinding Watermark}"
                                      Visibility="Collapsed"
                                      VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                      Margin="{TemplateBinding Padding}"/>
                </Grid>
                <ControlTemplate.Triggers>
                    <Trigger Property="Text" Value="">
                        <Setter TargetName="WatermarkPresenter" Property="Visibility" Value="Visible" />
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

可以看到，在模板中增加了一个ContentPresenter控件，用于显示占位符文本。当输入框中没有文本时，将其可见，否则将其隐藏。

Html支持

WPF控件默认不支持Html格式，需要使用第三方控件或自定义控件来实现。以下是一个使用WebBrowser控件实现的示例：

<controls:WatermarkTextBox Watermark="请输入文本" Text="{Binding SomeText}" />
<WebBrowser x:Name="HtmlViewer" Visibility="Collapsed" />

...

string html = "<p>这是一段<em><strong>HTML</strong></em>文本</p>";
HtmlViewer.NavigateToString(html);

在这个示例中，我们将WPF中的输入框和一个WebBrowser控件组合在一起使用，当用户输入完成后，将输入文本转换成Html格式，通过WebBrowser控件进行展示。

需要注意的是，WebBrowser控件是基于IE的，可能会存在兼容性问题。如果需要实现更加高级的Html控件，可以考虑使用第三方控件，如Markdown.Xaml、HtmlAgilityPack等。