Вкладка через таблицу внутри контента editable div?

Я пытаюсь понять, как вставить вкладку в ячейки HTML-таблицы внутри контентного div. Я знаю, что большинство людей скажут, почему вы это делаете в первую очередь. Я работаю над текстовым редактором, который позволяет пользователю вставлять предварительно отформатированную таблицу, где бы они ни захотели. Я решил динамически вставлять таблицу на курсор пользователя, но я не могу понять, как включить вкладку пользователя из содержимого в таблицу html и через каждую ячейку. Я попробовал поля ввода, которые позволяют им перемещаться, но он оставляет селекторные бары на каждом углу и все еще требует от пользователя двойного щелчка по ячейке для добавления контента. Я также пробовал только ячейки таблицы, и он не будет вставлять в ячейки, которые он просто перескакивает через них. Любая помощь будет высоко ценится ... после завоевания отслеживания курсора для вставки таблицы я думал, что я был дома бесплатно ... :(Вкладка через таблицу внутри контента editable div?

<div id="divbilltext" runat="server" contenteditable="true" style="height:auto;"> 
         <table> 
          <tr> 
           <td> 
           <input type="text" id="a" tabindex="1"/> 
           </td> 
           <td> 
           <input type="text" id="b" tabindex="2"/> 
           </td> 
           <td> 
           <input type="text" id="c" tabindex="3"/> 
           </td> 
          </tr> 
         </table> 

         </div>

источник

2012-05-31 user1243474

http://www.w3schools.com/jsref/prop_html_tabindex.asp – Jawad

http://reference.sitepoint.com/html/a/tabindex – Jawad

w3schools в порядке для новичков, но мусор для продвинутых пользователей – Jawad

TabIndex будет самым последовательным способом достижения этой цели:

http://www.w3.org/TR/html4/interact/forms.html#adef-tabindex

однако TabIndex поддерживается только конкретными элементами:. а, ОБЛАСТЬ, КНОПКА, ВХОД, ОБЪЕКТ, SELECT и TEXTAREA

источник

2012-05-31 16:11:39 Luca

Хорошо, пожалуйста, проверьте мой код сейчас. Он имеет правильные tabindex и идентификаторы для входов ... как указано в моем первоначальном сообщении, это позволит использовать tabbing, но он помещает селекторные панели в поля ввода при входе в него и не позволяет пользователю вводить данные, пока они не удваивают поле ввода ... так что tabbing будет работать, но на самом деле не так, как пользователь не может вводить данные ... Я знаю, что-то простое, я пропущу, пожалуйста, помогите! :) – user1243474

Я сузил его до div, вызывающего проблему ... Если я выберу это из div, он отлично работает, но внутри div ... не пойдет ... никаких мыслей? – user1243474

Я понял это сам. Я просто вложил таблицу внутри другого div с contenteditable установленным в false ... не уверен, почему он сработал, но это произошло :) – user1243474

Вкладка через таблицу внутри контента editable div?

ответ

Смежные вопросы