富文本編輯器選項卡直接到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

回答

相關問題