Question

我在我的一个项目（tinyMCE和markitup）中使用了几个富文本/所见即所得的编辑器。我目前正在运行最新版本的markitup并且它很棒，但它使得鼠标在表单导航中必须具有，因为无法从上面的输入中切换到实际的textarea，它只是按照粗体等选项开始标记斜体等。

我可以在stackoverflow中看到，你可以使用一个标签从标题输入到body textarea的标签，在gmail中也一样。有没有办法用JQuery / javascript做这个或者有什么简单的我想念。

此致

路

Answer 1

感谢Marko给我的想法，最后这是一个非常简单的解决方案，在jquery.markitup.css的第160行附近有这个代码

li = $('<li class="markItUpButton markItUpButton'+t+(i)+' '+(button.className||'')+'"><a href="" '+key+' title="'+title+'">'+(button.name||'')+'</a></li>')
    .bind("contextmenu", function() { // prevent contextmenu on mac and allow ctrl+click
    return false;
    }).click(function() {

分别将<a href=""和</a>更改为<span和</span>，然后将样式表中对“a”的所有引用更改为“span”并添加cursor：pointer似乎已经完成了这个伎俩。

我希望任何使用markitup的人都会觉得这很有用，再次感谢Marko提供正确方向的提示

Answer 2

我认为Stack Overflows使用<li>的+ javascript作为按钮。

当然<li>没有tabindex，因此它们不是'可访问'元素。

您可以尝试在工具栏中的按钮上设置tabindex =“ - 1”，但我不能100％确定从可访问性的角度来看这是一个好主意。

其他人可能有不同的解决方案。

富文本编辑器选项卡直接到textarea

2 个答案: