WPF RichTextBox - Remplacer le texte sélectionné par un contrôle personnalisé

Question

Avant de commencer à pirater une solution vraiment grossière, je pensais voir si quelqu'un pouvait me donner un petit coup de pouce dans la bonne direction. Ce que je veux vraiment faire est de laisser un utilisateur sélectionner du texte dans un RichTextBox, cliquer sur un bouton, et convertir ce texte en un contrôle rendu personnalisé. Convertissez-le en un bouton contenant le texte qu'ils ont sélectionné, par exemple.

Answer 1

Vous pouvez le faire avec commande et CommandParameter

D'abord, lier le bouton à un ICommand, comme:

<Button Content="Go" Command="{Binding MyCommand}" CommandParameter="{Binding ElementName=myRichTextBox, Path=Selection}" /> 
<RichTextBox Name="myRichTextBox" /> 

Ensuite, dans votre ViewModel ou contrôleur ou code-behind ou ailleurs, vous exposez la ICommand comme une propriété, et le pointer vers une méthode pour faire le travail, comme ...

public ICommand MyCommand 
{ 
    get 
    { 
     if (_queryCommand == null) 
     { 
      _queryCommand = new RelayCommand<TextSelection>(DoWork); 
     } 
     return _queryCommand; 
    } 
} 

private void DoWork(TextSelection param) 
{ 
    string selectedText = param.Text; 

    // Build your control here... 
    // probably put it in an ObservableCollection<Control> which is bound by an Items Control, like a ListBox 
} 

note: J'ai utilisé le RelayCommand de Josh Smith excellente MVVM Foundation, mais vous pouvez également utiliser un RoutedUICommand par exemple (ce qui ajouterait l'avantage de vous permettre d'associer des gestes d'entrée à votre commande)

Answer 2

Vous aurez besoin d'écrire du code qui prendra votre sélection et l'enrobera dans un InlineUIContainer - voilà comment vous obtenez des contrôles dans une zone de texte riche:

<RichTextBox> 
    <FlowDocument> 
     <Paragraph> 
      <Run>Fo</Run> 
      <InlineUIContainer> 
       <Button IsEnabled="True">oB</Button> 
      </InlineUIContainer> 
      <Run>ar</Run> 
     </Paragraph> 
    </FlowDocument> 
</RichTextBox>