Richfaces-<；里奇：编辑>；jQueryUI对话框内部

我在JQuery UI对话框中使用

：

    <div id="helpDialog" style="display: none" title="#{messages.help}">
    <rich:editor id="helpTextArea" theme="advanced" value="#{helpUtils.test(helpId)}">
      <f:param name="theme_advanced_buttons1" value="bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,fontselect,fontsizeselect,|,forecolor,backcolor"/>
      <f:param name="theme_advanced_buttons2" value=""/>
      <f:param name="theme_advanced_buttons3" value=""/>
      <f:param name="theme_advanced_toolbar_location" value="top"/>
      <f:param name="width" value="90%"/>
      <f:param name="theme_advanced_toolbar_align" value="left"/>
    </rich:editor>

    <p>
      <button id="editHelpButton">#{messages.edit}</button>
      <button id="saveHelpButton">#{messages.save}</button>
    </p>
</div>

#{messages.edit}
#{messages.save}

单击“字体系列”或“字体大小”时，下拉框显示在屏幕的左上角，而不是对话框内。（见截图） 我怎样才能解决这个问题

---

尝试在“帮助”对话框中放入相对div（

）

希望能有帮助。

---

Alexey.

嗨，我试过了，但结果一样。还尝试了tinyMCE配置选项

约束菜单：true

，现在我可以接受了。也许我会在对话框中为有权编辑帮助文本的用户设置一个按钮，然后使用

打开一个带有

的新窗口。因为加载编辑器没有那么快，大多数用户只需要查看帮助文本。