[英]Web Browser Control in WPF
我的目標類似於這個問題
但是我仍然沒有得到我的問題的答案
因此,我需要制作一個具有所見即所得HTML編輯支持的應用程序,以設計和生成報告模板。 就像上面的問題一樣,我在WPF中使用了WebBrowser控件。 最大的問題是WPF WebBrowser在將designMode設置為on后始終將null設置為HTML正文。 因此,我將WinForm WebBrowser托管到我的應用程序中。 從WebBrowser設置或獲取要處理的HTML文檔非常困難。
問:
更新:
我有這兩個附加屬性用於MVVM。 因此,我可以使用HTMLSource獲取/設置HTML,並在應用啟動時設置“設計模式”。
IsDesignMode
public static readonly DependencyProperty IsDesignModeProperty =
DependencyProperty.RegisterAttached("IsDesignMode", typeof (Boolean), typeof (WebBrowserHelper),
new UIPropertyMetadata(false, IsDesignModePropertyChanged));
public static Boolean GetIsDesignMode(DependencyObject obj)
{
return (Boolean)obj.GetValue(IsDesignModeProperty);
}
public static void SetIsDesignMode(DependencyObject obj, Boolean value)
{
obj.SetValue(IsDesignModeProperty, value);
}
public static void IsDesignModePropertyChanged(DependencyObject obj, DependencyPropertyChangedEventArgs args)
{
WebBrowser browser = obj as WebBrowser;
if (browser != null)
{
Boolean designMode = (Boolean) args.NewValue;
if(designMode)
{
browser.LoadCompleted += (s, e) =>
{
var htmlDoc = (s as WebBrowser).Document as IHTMLDocument2;
htmlDoc.body.setAttribute("contenteditable", "true");
htmlDoc.designMode = "On";
};
}
else
{
browser.LoadCompleted += (s, e) =>
{
var htmlDoc = (s as WebBrowser).Document as IHTMLDocument2;
htmlDoc.body.setAttribute("contenteditable", "false");
htmlDoc.designMode = "Off";
};
}
}
}
HTMLSource
public static readonly DependencyProperty HTMLSourceProperty =
DependencyProperty.RegisterAttached("HTMLSource", typeof (String), typeof (WebBrowserHelper),
new UIPropertyMetadata(null, HTMLSourcePropertyChanged));
public static String GetHTMLSource(DependencyObject obj)
{
return (String)obj.GetValue(HTMLSourceProperty);
}
public static void SetHTMLSource(DependencyObject obj, String value)
{
obj.SetValue(HTMLSourceProperty, value);
}
public static void HTMLSourcePropertyChanged(DependencyObject o, DependencyPropertyChangedEventArgs args)
{
WebBrowser browser = o as WebBrowser;
if (browser != null)
{
browser.NavigateToString(args.NewValue as String);
}
}
視圖
<UserControl x:Class="Delay.View.LayoutView"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:browser="clr-namespace:Delay.Helper"
xmlns:cal="http://www.caliburnproject.org"
xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity">
<UserControl.Resources>
<Style x:Key="ButtonStyle" TargetType="Button">
<Setter Property="Width" Value="100" />
<Setter Property="Height" Value="40" />
<Setter Property="Margin" Value="2.5,0" />
<Setter Property="ContentTemplate">
<Setter.Value>
<DataTemplate>
<StackPanel>
<ContentPresenter Content="{TemplateBinding Content}"
TextBlock.FontSize="15" />
</StackPanel>
</DataTemplate>
</Setter.Value>
</Setter>
</Style>
</UserControl.Resources>
<Grid Background="Lavender">
<DockPanel>
<TextBlock HorizontalAlignment="Center" Text="Layout Designer"
DockPanel.Dock="Top" FontSize="20" />
<WebBrowser Name="webBrowser" HorizontalAlignment="Stretch" DockPanel.Dock="Top" Margin="8" Height="435"
browser:WebBrowserHelper.HTMLSource="{Binding HtmlPage}" browser:WebBrowserHelper.IsDesignMode="True" />
<StackPanel Orientation="Horizontal" DockPanel.Dock="Bottom" HorizontalAlignment="Center">
<StackPanel Orientation="Vertical" Margin="5,0">
<ComboBox ItemsSource="{Binding LayoutTags}" SelectedItem="{Binding SelectedTag}"
HorizontalAlignment="Stretch" Margin="0,5" MinWidth="100">
<ComboBox.ItemTemplate>
<DataTemplate>
<TextBlock FontSize="12" Text="{Binding TagName}" />
</DataTemplate>
</ComboBox.ItemTemplate>
</ComboBox>
<ListBox ItemsSource="{Binding LayoutValueTypes}" SelectedItem="{Binding SelectedType}"
Width="{Binding ElementName=cmbTag, Path=ActualWidth}" Height="70">
<ListBox.ItemTemplate>
<DataTemplate>
<TextBlock FontSize="12" Text="{Binding TypeName}" />
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
</StackPanel>
<StackPanel Orientation="Vertical">
<StackPanel Orientation="Horizontal">
<CheckBox Name="IsDesignMode" Content="Design Mode" TextBlock.FontSize="12">
<i:Interaction.Triggers>
<i:EventTrigger EventName="Checked">
<cal:ActionMessage MethodName="DesignModeOnOff">
<cal:Parameter Value="{Binding ElementName=webBrowser}" />
<cal:Parameter Value="{Binding IsDesignMode}" />
</cal:ActionMessage>
</i:EventTrigger>
</i:Interaction.Triggers>
</CheckBox>
</StackPanel>
<Button Name="PutComponent" Style="{StaticResource ButtonStyle}"
Content="Put" />
<Button Name="SaveLayout" Style="{StaticResource ButtonStyle}"
Content="Save" />
</StackPanel>
</StackPanel>
</DockPanel>
</Grid>
</UserControl>
我編寫了一個非常簡單的WPF應用,該應用使用嵌入式資源作為HTML,並包含以下代碼:
Stream s = GetType().Assembly.GetManifestResourceStream("WpfApplication5.HTMLPage1.htm");
webBrowser1.NavigateToStream(s);
IHTMLDocument2 doc = webBrowser1.Document as IHTMLDocument2;
doc.designMode = "On";
該代碼按預期工作,可以編輯頁面的內容-一旦按照您的建議將其設置為designMode,它就不會為空。 也許從上面的代碼開始,並檢查您可以使它正常工作。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.