CKEditor主体上的Document.getElementById返回null

Question

我需要将Salesforce提供的富文本编辑器的spellcheck属性设置为true。 但是，在其上指定属性的主体组件始终返回null。

因此，我无法更改属性值。 我究竟做错了什么？ 我什至不能使用jQuery选择器。

<apex:page >
  <apex:form >
    <apex:inputTextarea richText="true" id="rta"/>
  </apex:form>
  <script>
    alert(document.getElementById('j_id0:j_id1:rta_rta_body'));
  </script>
</apex:page>

Answer 1

还为时过早。

一旦遇到此行代码，就会触发此脚本。 那时原始的<textarea>仍然存在于页面上，装饰器没有运行（装饰器隐藏原始标签，而是使用整个RTF编辑器注入<iframe> ）。 您可以验证它，因为在显示此alert()执行停止了。

最干净的方法是重写onload函数（或装饰器在任何地方运行），类似于这些帖子的工作方式：

1. http://bobbuzzard.blogspot.co.uk/2011/05/onload-handling.html
2. https://developer.salesforce.com/forums?id=906F0000000957DIAQ

不知道为什么，但是似乎这样的自定义onload还为时过早（我没有时间进一步调试它）。

因此，尽管很丑陋-这似乎对我有用：

<apex:page >
    <apex:form >
        <apex:inputTextarea richText="true" id="rta"/>
    </apex:form>
    <script>
    function setSpellChecker(){
        var iframe = document.getElementById('j_id0:j_id1:rta_frame');
        var iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
        iframeDocument.getElementsByTagName('body')[0].spellcheck = true;
    }
    window.setTimeout(setSpellChecker, 1000); // fire after 1 second
    </script>
</apex:page>

随意尝试，如果需要，可以使用jQuery的contents()美化。在这里有很多问题，如何使用jQuery很好地访问iframe，例如， 如何在Javascript中获取iframe的主体内容？