Skip to content

Commit

Permalink
Set tabindex=-1 for buttons in WYSIWYG editor
Browse files Browse the repository at this point in the history
The buttons are simply skipped with tab key. Switching between form
fields using keyboard only is much easier now.
  • Loading branch information
Izidor Matušov committed Sep 16, 2013
1 parent a50ed82 commit 8dfbbbe
Showing 1 changed file with 10 additions and 10 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@

var templates = {
"font-styles": "<li class='dropdown'>" +
"<a class='btn dropdown-toggle' data-toggle='dropdown' href='#'>" +
"<a class='btn dropdown-toggle' data-toggle='dropdown' href='#' tabindex='-1'>" +
"<i class='icon-font'></i>&nbsp;<span class='current-font'>Normal text</span>&nbsp;<b class='caret'></b>" +
"</a>" +
"<ul class='dropdown-menu'>" +
Expand All @@ -14,17 +14,17 @@
"</li>",
"emphasis": "<li>" +
"<div class='btn-group'>"
+ "<a class='btn' data-wysihtml5-command='bold' title='CTRL+B'><i class='icon-bold'></i></a>"
+ "<a class='btn' data-wysihtml5-command='italic' title='CTRL+I'><i class='icon-italic'></i></a>"
+ "<a class='btn' data-wysihtml5-command='bold' title='CTRL+B' tabindex='-1'><i class='icon-bold'></i></a>"
+ "<a class='btn' data-wysihtml5-command='italic' title='CTRL+I' tabindex='-1'><i class='icon-italic'></i></a>"
//,+ "<a class='btn' data-wysihtml5-command='underline' title='CTRL+U'>Underline</a>"
+ "</div>"
+ "</li>",
"lists": "<li>"
+ "<div class='btn-group'>"
+ "<a class='btn' data-wysihtml5-command='insertUnorderedList' title='Unordered List'><i class='icon-list'></i></a>"
+ "<a class='btn' data-wysihtml5-command='insertOrderedList' title='Ordered List'><i class='icon-th-list'></i></a>"
+ "<a class='btn' data-wysihtml5-command='Outdent' title='Outdent'><i class='icon-indent-right'></i></a>"
+ "<a class='btn' data-wysihtml5-command='Indent' title='Indent'><i class='icon-indent-left'></i></a>"
+ "<a class='btn' data-wysihtml5-command='insertUnorderedList' title='Unordered List' tabindex='-1'><i class='icon-list'></i></a>"
+ "<a class='btn' data-wysihtml5-command='insertOrderedList' title='Ordered List' tabindex='-1'><i class='icon-th-list'></i></a>"
+ "<a class='btn' data-wysihtml5-command='Outdent' title='Outdent' tabindex='-1'><i class='icon-indent-right'></i></a>"
+ "<a class='btn' data-wysihtml5-command='Indent' title='Indent' tabindex='-1'><i class='icon-indent-left'></i></a>"
+ "</div>"
+ "</li>",

Expand All @@ -44,7 +44,7 @@
+ "</div>"
+ "</div>"

+ "<a class='btn' data-wysihtml5-command='createLink' title='Link'><i class='icon-share'></i></a>"
+ "<a class='btn' data-wysihtml5-command='createLink' title='Link' tabindex='-1'><i class='icon-share'></i></a>"

+ "</li>",

Expand All @@ -64,14 +64,14 @@
+ "</div>"
+ "</div>"

+ "<a class='btn' data-wysihtml5-command='insertImage' title='Insert image'><i class='icon-picture'></i></a>"
+ "<a class='btn' data-wysihtml5-command='insertImage' title='Insert image' tabindex='-1'><i class='icon-picture'></i></a>"

+ "</li>",

"html":
"<li>"
+ "<div class='btn-group'>"
+ "<a class='btn' data-wysihtml5-action='change_view' title='Edit HTML'><i class='icon-pencil'></i></a>"
+ "<a class='btn' data-wysihtml5-action='change_view' title='Edit HTML' tabindex='-1'><i class='icon-pencil'></i></a>"
+ "</div>"
+ "</li>"
};
Expand Down

0 comments on commit 8dfbbbe

Please sign in to comment.