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

我在我的一个项目（tinyMCE和markitup）中使用了一对富文本/ wysiwyg编辑器。我目前正在运行markitup的最新版本，它的功能非常强大，但是它使得鼠标必须具有表单导航功能，因为无法从上面的输入选项卡切换到实际的textarea，它只是沿着粗体，斜体等富文本编辑器选项卡直接到textarea

我可以看到，在这里在stackoverflow你可以从标题输入选项卡身体textarea与一个选项卡，也在Gmail中相同。有没有办法做到这一点与JQuery/JavaScript或有什么简单的我失踪。

问候

卢克

来源

2010-07-06 Luke

感谢马尔科给我的想法，这是在最后一个非常简单的解决方案，围绕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”并添加游标：指针似乎已经完成了这个诀窍。

我希望用markitup人会再次找到这个有用和感谢马尔科在正确的方向

来源

2010-07-07 08:04:23 Luke

我认为堆栈溢出使用<li>的+ JavaScript来的按钮。

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

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

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

来源

2010-07-06 19:30:24 Marko

感谢马尔科这导致我整理出来的尖端。 +1 – Luke 2010-07-07 07:59:16

不用担心@Luke - 乐于帮忙。如果它帮助你解决问题，请接受答案。干杯! :) – Marko 2010-07-07 13:24:20

您好marko，我已经在下面给出了正确的答案，以便当人们查看问题时，他们将能够看到哪个答案可以解决问题。 – Luke 2010-07-07 14:25:16

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

回答

相关问题