我正在创建一个简单的wysiwyg编辑器,使用dockpanel
和一些用于更改字体大小等的按钮,并使用richtextbox
作为主区域。我可以突出显示文本,然后使用按钮更改字体的大小和系列。但是,当我单击"工具栏"时,RichTextBox
失去焦点,所选文本不再突出显示。我已经找到了一些技巧性的解决方案,比如在失去焦点事件上设置e.handled =true;
,这是有效的,但如果字体大小发生变化,例如,文本现在比高亮显示更大。有更好的解决方案吗?
下面是一些精简的代码:
<DockPanel>
<DockPanel >
<ToggleButton Height="24" Margin="3" Name="Bold">
<TextBlock FontWeight="ExtraBold" Text="B" />
</ToggleButton>
<ToggleButton Height="24" Margin="3" Name="Italic">
<TextBlock FontStyle="Italic" Text="I" />
</ToggleButton>
<ToggleButton Height="24" Margin="3" Name="Underline">
<TextBlock TextDecorations="Underline" Text="U" />
</ToggleButton>
<ComboBox Height="24" Margin="3" Name="FontFamily" Width="150" SelectionChanged="FontFamily_SelectionChanged"/>
<ComboBox Height="24" Margin="3" Name="FontSize" Width="50" IsEditable="True" TextBoxBase.TextChanged="FontSize_TextChanged" />
</DockPanel>
</DockPanel>
<RichTextBox Name="Editor" />
啊,解决方案是简单地使用<toolbar>
而不是<dockpanel>
来容纳我的按钮。这似乎正是我想要的。
试试这个:
private void ButtonBase_OnClick(object sender, RoutedEventArgs e)
{
currentSize ++;
RichTextBox.Selection.ApplyPropertyValue(TextElement.FontSizeProperty, currentSize);
Keyboard.Focus(RichTextBox);
RichTextBox.Selection.Select(RichTextBox.Selection.Start, RichTextBox.Selection.End);
}