Silverlight中嵌入和使用html 富文本编辑器_app

概述首先我要抱怨一下，silverlight 4在windowless模式下无法使用中文输入。所以对于下面所说的方法存在着缺陷。一、嵌入html页面使用的工具为一个htmlhost的免费插件，使用它可以在silverlight中嵌入html页面，网址 http://www.divelements.com/silverlight/tools.aspx

首先我要抱怨一下，silverlight 4在windowless模式下无法使用中文输入。所以对于下面所说的方法存在着缺陷。

一、嵌入HTML页面

使用的工具为一个htmlhost的免费插件，使用它可以在silverlight中嵌入HTML页面，网址

http://www.divelements.com/silverlight/tools.aspx

使用方法如下所示，其中 HTMLEditor.htm 页面中包含了一个Js 的ckEditor 以及读取编辑器的一些Js函数。

注意silverlight 需设置为 windowless 模式下。原理应该是直接在网页上添加一个HTML frame 元素然后将其

覆盖在silverlight之上。

二、调用嵌入页面的Js代码

现在的问题是如何调用嵌入页面的Js代码，由于其不属于silverlight同一个页面，所以无法直接通过silverlight

的技术去调用。网上查了很多资料都没解决方法，而且实际上我是刚转行网站，HTML 和 Js神马的对于我来说真是浮云。

还好有威风的项目经理帮我解决这个问题。

解决方法是在silverlight的页面上写一个代理函数，然后在silverlight中就可以调用该代理函数来读取或者 *** 作

嵌入页面中的编辑器了

function getEditorFrame() { return window.parent.document.getElementsByTagname("iframe")[1]; } function getAllimgSrc() { var frame = getEditorFrame(); if (frame == null) return null; return frame.contentwindow.getAllimgSrc(); }

解释下

getEditorFrame函数，该函数返回嵌入的HTML iframe窗口。

调用某个iframe窗口的Js代码可使用以下方法，兼容IE、firefox

window.parent.document.getElementsByTagname("iframe")[x].contentwindow.getAllimgSrc();

x:可为0,1,2,3..

frame.contentwindow.getAllimgSrc函数为该frame窗口页面HTMLEditor.htm其中的Js函数

三、总结

silverlight 4 现在很少有好用的HTMLeditor控件，而使用以上方法由于需设置windowless模式导致插件上所有

的控件都无法输入中文。对于silverlight 整站应用来说，是悲剧的。

所以最后我们弃用了这个方法直接d出另一个不是纯silverlight的页面进行编辑，然后通过SL消息机制与主页面交互。

应该有另一个方法就是把编辑器单独写成一个silverlight插件，然后在SL页面中叠加上这个插件，但似乎布局还有滚动控制

什么的很难控制，谁能给个思路？