zoukankan      html  css  js  c++  java
  • 怎样用javascript操作ftb编辑区内容

    想法源于freetextbox的使用过程。
    在我用ftb时,很想在客户端用js对ftb的编辑框进行操作,在使用ftb的页面中查看了dom树,发现ftb服务器端控件给客户端发过来的只有三个div,分别对应 :编辑模式,html模式和预览模式(仅限于编辑区)代码如下:
    1<div id="content_designEditorArea" style="clear:both;padding-top:1px;">
    2        <iframe id="content_designEditor" style="padding: 0px; 598px; height: 349px;" src="about:blank" class="content_DesignBox"></iframe>
    3    </div>
    4    <div id="content_htmlEditorArea" style="clear:both;display:none;padding-bottom:1px;">
    5        <textarea id="content" name="content" disabled="disabled" style="padding: 0px; 600px; height: 350px;" class="content_HtmlBox">3</textarea>
    6    </div>
    7    <div id="content_previewPaneArea" style="clear:both;display:none;padding-bottom:1px;">
    8        <iframe id="content_previewPane" style="padding: 0px; 598px; height: 349px" src="about:blank" class="content_DesignBox"></iframe>
    9    </div>
    看到代码,我很高兴,因为有比较熟悉的id为content的textarea,思路马上清晰了,直接用js往textarea的innerText属性加内容就可以了不是(你真是太有才了)。
    马上行动,代码如下:

    content.innerText
    =value;
    结果很令我意外,我发现我能看到的ftb编辑区依然空空荡荡,又查dom树,发现content也就是html模式下的编辑区的确已经有了我需要的内容,可是回到普通编辑模式后,不但普通编辑模式没有内容,连html模式的编辑框里的内容也被删了;换个思路,我在普通编辑区手动打入内容,问题发现了,每当我在普通编辑区打入一个字,通过dom树我看到html编辑模式下的区域也跟着改变一下,而我在html模式下编辑时,普通模式的编辑区是不会跟着改变的,这就是为什么改了html模式下的内容,调整回普通编辑模式时内容消失的原因。
          既然问题找到,看来要换换思路了---对普通编辑模式下的id为content_htmlEditorArea的iframe进行处理了,进行的很顺利,问题解决了,代码如下:
    content_designEditor.document.body.innerHTML=value;
    上面的代码告诉我们一个页面里的iframe,不论它的src有没有值,它都相当与一个新的document。
  • 相关阅读:
    JAVA多线程之守护线程
    有符号数与无符号数
    子母钟系统,GPS时钟系统,医院网络时间同步技术方案
    NTP时间同步服务器,GPS时钟系统,北斗授时产品,京准科技
    卫星时钟系统(NTP网络时钟系统)技术应用方案
    GPS对时产品,NTP校时,时间同步服务器,北斗授时设备
    GPS对时装置(NTP时钟服务器)应用安防监控系统
    考场时钟系统(标准化考场时钟同步建设)应用方案
    时间同步装置(GPS时钟)在电网SCADA系统应用
    网络时间服务器(医院时钟系统)相关问题汇总
  • 原文地址:https://www.cnblogs.com/ddr888/p/662575.html
Copyright © 2011-2022 走看看