在带有IE 10的Silverlight 5中使用C1RichTextBox时,我面临两个主要问题:
在剪贴板粘贴操作期间,如何检测内容是从Silverlight应用程序中的另一个C1RichTextBox
复制还是从外部应用程序复制?从外部应用程序,应仅粘贴文本而无需格式化。
无法将大型嵌入式图像从一个C1RichTextBox复制/粘贴到另一个C1RichTextBox。 <img>
元素的图像内容存储在其数据URL中。如果图像太大(大约1MB),则将src
属性复制到剪贴板时将被删除。
解决方案应:
在全局剪贴板或C1RichTextBox
的编辑行为上没有副作用。
对C1RichTextBox
实现的更改保持健壮。
不必修改/解析/分析剪贴板中的HTML文档。
最佳答案
我花了一些时间才弄清所有这些(还有更多……),我很高兴与必须处理这些问题的任何人分享。
我正在使用派生类来解决问题
public class C1RichTextBoxExt : C1RichTextBox
{
1.使用纯文本从外部应用程序粘贴
从理论上讲,该解决方案很简单:将RichTextBox中的文本复制/剪切到剪贴板后,获取HTML所有权。粘贴时,将剪贴板中的当前HTML与上次复制的HTML进行比较。因为ComponentOne中的剪贴板是全局的,所以如果在另一个应用程序中执行了复制/剪切操作,则内容会更改,因此HTML将有所不同。
为了记住最后复制的HTML,我们在
C1RichTextBoxExt
中使用一个静态成员:private static string _clipboardHtml;
坏消息是:
C1RichTextBox.ClipboardCopy()
等方法不是虚拟的。好消息是:可以禁用调用这些方法的“复制/剪切/粘贴”键盘快捷键,例如在构造函数中:RemoveShortcut(ModifierKeys.Control, Key.C);
RemoveShortcut(ModifierKeys.Control, Key.Insert);
RemoveShortcut(ModifierKeys.Control, Key.V);
RemoveShortcut(ModifierKeys.Shift , Key.Insert);
RemoveShortcut(ModifierKeys.Control, Key.X);
RemoveShortcut(ModifierKeys.Shift , Key.Delete);
现在不再调用方法
C1RichTextBox.ClipboardCopy()
等,我们可以通过覆盖OnKeyDown
来连接自己的版本:protected override void OnKeyDown(KeyEventArgs e)
{
if ((Keyboard.Modifiers == ModifierKeys.Control) && (e.Key == Key.C)) { ClipboardCopy(); }
else if ((Keyboard.Modifiers == ModifierKeys.Control) && (e.Key == Key.Insert)) { ClipboardCopy(); }
else if ((Keyboard.Modifiers == ModifierKeys.Control) && (e.Key == Key.V)) { ClipboardPaste(); }
else if ((Keyboard.Modifiers == ModifierKeys.Control) && (e.Key == Key.X)) { ClipboardCut(); }
else if ((Keyboard.Modifiers == ModifierKeys.Shift) && (e.Key == Key.Insert)) { ClipboardPaste(); }
else if ((Keyboard.Modifiers == ModifierKeys.Shift) && (e.Key == Key.Delete)) { ClipboardCut(); }
else
{
// default behaviour
base.OnKeyDown(e);
return;
}
e.Handled = true; // base class should not fire KeyDown event
}
为了不意外地调用基类方法,我将其覆盖(请参见下文,使用
new
修饰符)。 ClipboardCopy()
方法仅调用基类,然后存储剪贴板HTML。这里的一个小陷阱是使用Dispatcher.BeginInvoke()
,因为C1RichTextBox.ClipboardCopy()
在Dispatcher.BeginInvoke()
调用内将选定的文本存储在剪贴板中。因此,只有在调度员有机会执行C1RichTextBox
提供的操作后,内容才可用。new public void ClipboardCopy()
{
base.ClipboardCopy();
Dispatcher.BeginInvoke(() =>
{
_clipboardHtml = C1.Silverlight.Clipboard.GetHtmlData();
});
}
ClipboardCut
方法非常相似:new public void ClipboardCut()
{
base.ClipboardCut();
Dispatcher.BeginInvoke(() =>
{
_clipboardHtml = C1.Silverlight.Clipboard.GetHtmlData();
});
}
ClipboardPaste
方法现在可以检测是否粘贴外部数据。仅粘贴文本并不是那么简单。我想到了用剪贴板的纯文本表示形式替换当前剪贴板内容的想法。粘贴完成后,应还原剪贴板,以便可以将内容再次粘贴到其他应用程序中。这也必须在Dispatcher.BeginInvoke()
中完成,因为基类方法C1RichTextBox.ClipboardPaste()
也会以延迟动作执行粘贴操作。new public void ClipboardPaste()
{
// If the text in the global clipboard matches the text stored in _clipboardText it is
// assumed that the HTML in the C1 clipboard is still valid
// (no other Copy was made by the user).
string current = C1.Silverlight.Clipboard.GetHtmlData();
if(current == _clipboardHtml)
{
// text is the same -> Let base class paste HTML
base.ClipboardPaste();
}
else
{
// let base class paste text only
string text = C1.Silverlight.Clipboard.GetTextData();
C1.Silverlight.Clipboard.SetData(text);
base.ClipboardPaste();
Dispatcher.BeginInvoke(() =>
{
// restore clipboard
C1.Silverlight.Clipboard.SetData(current);
});
}
}
2.复制/粘贴较大的嵌入式图像
这里的想法是相似的:记住复制后的图像,在粘贴期间将它们放回去。
因此,首先我们需要存储哪个图像在文档中的位置:
private static List<C1TextElement> _clipboardImages;
private static int _imageCounter;
(_imageCounter的用法将在后面说明...)
然后,在执行复制/剪切之前,我们搜索所有图像:
new public void ClipboardCopy()
{
_clipboardImages = FindImages(Selection);
base.ClipboardCopy();
// ... as posted above
}
和类似的:
new public void ClipboardCut()
{
_clipboardImages = FindImages(Selection);
base.ClipboardCut();
// ... as posted above
}
查找图像的方法是:
private List<BitmapImage> FindImages(C1TextRange selection = null)
{
var result = new List<BitmapImage>();
if (selection == null)
{
// Document Contains all elements at the document level.
foreach (C1TextElement elem in Document)
{
FindImagesRecursive(elem, result);
}
}
else
{
// Selection contains all (selected) elements -> no need to search recursively
foreach (C1TextElement elem in selection.ContainedElements)
{
if (elem is C1InlineUIContainer)
{
FindImage(elem as C1InlineUIContainer, result);
}
}
}
return result;
}
private void FindImagesRecursive(C1TextElement elem, List<BitmapImage> list)
{
if (elem is C1Paragraph)
{
var para = (C1Paragraph)elem;
foreach (C1Inline inl in para.Inlines)
{
FindImagesRecursive(inl, list);
}
}
else if (elem is C1Span)
{
var span = (C1Span)elem;
foreach (C1Inline child in span.Inlines)
{
FindImagesRecursive(child, list);
}
}
else if (elem is C1InlineUIContainer)
{
FindImage(elem as C1InlineUIContainer, list);
}
}
private void FindImage(C1InlineUIContainer container, List<BitmapImage> list)
{
if (container.Content is BitmapImage)
{
list.Add(container.Content as BitmapImage);
}
}
我不会详细介绍上述方法,如果您分析
C1RichTextBox.Document
的结构,它们将非常简单。现在,我们如何还原图像?我发现最好的方法是使用
ConvertingHtmlNode
的C1RichTextBox.HtmlFilter
事件。每次将HTML节点转换为C1TextElement时都会触发此事件。我们在构造函数中订阅它:HtmlFilter.ConvertingHtmlNode += new EventHandler<ConvertingHtmlNodeEventArgs>(HtmlFilter_ConvertingHtmlNode);
并像这样实现它:
void HtmlFilter_ConvertingHtmlNode(object sender, ConvertingHtmlNodeEventArgs e)
{
if (e.HtmlNode is C1HtmlElement)
{
var elem = e.HtmlNode as C1HtmlElement;
if (elem.Name.ToLower() == "img" && _clipboardImages != null && _clipboardImages.Count > _imageCounter)
{
if (!elem.Attributes.ContainsKey("src")) // key comparison is not case sensitive
{
e.Parent.Children.Add(_clipboardImages[_imageCounter].Clone());
e.Handled = true;
}
_imageCounter++;
}
}
}
因此,对于每个名称为“ img”的HTML元素节点,我们都会检查“ src”属性是否丢失。如果是这样,我们改为添加下一个存储的图像,并通过设置
e.Handled = true;
通知事件源现在(对于此HTML节点)已处理事件。哪个图像是“下一个”图像由
_imageCounter
字段确定,该字段对于每个访问的“ img”元素均递增。调用
_imageCounter
时必须重置ClipboardPaste()
字段,所以我们这样做:new public void ClipboardPaste()
{
_imageCounter = 0;
string current = C1.Silverlight.Clipboard.GetHtmlData();
// ... as posted above
}
结论
如果您将上面张贴的所有代码块一起复制/粘贴(不希望使用双关语...),那么您应该最终得到一个没有副作用(至少至今没有作者知道的解决方案)的解决方案,并且可以抵抗更改并且几乎不进行HTML处理。