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

【问题标题】：tinymce table on textarea. Tab key doesnt move cursor to next celltextarea 上的 tinymce 表。 Tab 键不会将光标移动到下一个单元格
【发布时间】：2013-12-18 10:38:40
【问题描述】：

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

此问题仅在 IE9 上发生，在 FireFox 上运行良好。

请对这个问题有所了解。下面是我的文本区域。

<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>

【问题讨论】：

标签： cursor tinymce focus textarea

【解决方案1】：

我有同样的问题，请看下面我用来解决它的代码。

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>

【讨论】：

嗨@Rico Nguyen，我尝试将你的js函数放在不同的脚本标签中，但效果很好。你能帮我弄清楚应该在哪里添加它吗？