iframe做成在线文本编辑器,如何实现highlight?

Question

我要在一个page中写一个文本编辑器，目前的打算是用iframe实现，iframe中的文本（暂且全为英文）是从database中读取，但是目前的问题是：1.iframe用作编辑器不能"runat=server"2.iframe文本要和已知的文本对比,相同的部分要求highlight(比如说"hello, world"要求"world"这个单词自动为红色(不用人为选中), execCommand貌似只能对iframe中选中的部分操作,达不到目的)请问有没有人知道怎样实现啊？帮帮我啊

Answer 1

就是一个自我测试的东西,要把用户输入的东西跟正确答案对比,错误的地方highlight

Answer 2

innerHtml是整个iframe中的内容,但要的是对其中某个word的格式操作,有一点思路是对iframe中的句子split,但是这样的前提是iframe已经从database中获取到了正确答案. 还有没有谁有能解决的方法啊?

Answer 3

页面上的颜色必须使用样式才能实现，加载文本内容之后完成检查，对于需要高亮的加上<font color=red>文字</font>即可。如果你的站点和IFrame在同一个应用程序域里面，可以通过JS代码访问到Iframe里面的内容，访问方法和一般的元素访问一样。

Answer 4

@cuike519:
你的意思是不是这样:
1.JS获得database中的数据,然后完成对比,对需要高亮部分前后加上<font color..></font>
2.把处理好的(可以说是一串字符串数组)再传给iframe
?

Answer 5

我举个例子说吧:
1.正确答案是:where have you been?
  用户输入答案是: have you
  iframe中结果是:where have you been?
2.正确答案是:where have you been?
  用户输入答案是: where you
  iframe中结果是:where have you been?这是内容简单化了的, 实际可能比这个多很多, 高手给我指点下??