textarea上的tinymce表。 Tab键不会将光标移动到下一个单元格

时间:2013-12-18 10:38:41

标签: cursor tinymce focus textarea

我在textarea上使用TinyMCE插件。当我插入具有特定行和列的表时,它会创建表。但是当光标聚焦在一个单元格上并按下TAB时,光标将不会移动到下一个单元格,直到我开始键入,然后光标可见。

此问题仅在IE9上发生,并且在FireFox上正常工作。

请注意这个问题。 下面是我的textarea。

<textarea id="${docAnnotationAttrId}" name="docAnnotation" title="${attribute.description}"
        rows="22" cols="80" style="width: 100%; height: 360px"
        class="tinymce" readonly=true><c:out value="${attrMap[attrKey].value}"/></textarea>
    <script>
         var options = {'elementName' : '${docAnnotationAttrId}', 'incidentId' : '${document_uniqueReference.incidentId}', 
                 'contextPath' : '${sharedContextPath}','dictionaries':'${webProperties.tinymceDictionaries}'};
         $('#${docAnnotationAttrId}').edit(options);
     </script>

1 个答案:

答案 0 :(得分:0)

我有同样的问题,请参阅下面的代码,我用它来解决它。

function handleMyTinyCMETabEventOnChromeIE(){
  tinymce.activeEditor.execCommand('mceInsertContent', false, "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");
  $('#tabcontrol').blur();
  tinymce.activeEditor.execCommand('mceInsertContent', false, "");
  return false;
}

...

<textarea id="elm1" name="elm1"></textarea>
<a id='tabcontrol' onfocus="javascript: handleMyTinyCMETabEventOnChromeIE()" tabindex='0' href="#"></a>