NighswanderEmanuelw
New Member
I have a text editor.All its functionality is implemented in a \[code\]<tr>\[/code\] tag in a tag.I am trying to make it compatible with mobile device.How can I do this?http://jsfiddle.net/S9PYV/embedded/result/\[code\]<tr> <td class="mceToolbarStart mceToolbarStartButton mceFirst"><span><!-- IE --></span> </td> <td style="position: relative"><a role="button" id="idContents_save" href="javascript:;" class="mceButton mceButtonEnabled mce_save" onmousedown="return false;" onclick="return false;" aria-labelledby="idContents_save_voice" title="Save" tabindex="-1"><span class="mceIcon mce_save"></span><span class="mceVoiceLabel mceIconOnly" style="display: none;" id="idContents_save_voice">Save</span></a> </td> <td style="position: relative"> <a role="button" id="idContents_newdocument" href="javascript:;" class="mceButton mceButtonEnabled mce_newdocument" onmousedown="return false;" onclick="return false;" aria-labelledby="idContents_newdocument_voice" title="New Document" tabindex="-1"><span class="mceIcon mce_newdocument"></span><span class="mceVoiceLabel mceIconOnly" style="display: none;" id="idContents_newdocument_voice">New Document</span> </a> </td> <td style="position: relative"><a role="button" id="idContents_print" href="javascript:;" class="mceButton mceButtonEnabled mce_print" onmousedown="return false;" onclick="return false;" aria-labelledby="idContents_print_voice" title="Print" tabindex="-1"><span class="mceIcon mce_print"></span><span class="mceVoiceLabel mceIconOnly" style="display: none;" id="idContents_print_voice">Print</span></a> </td> <td style="position: relative"><span class="mceSeparator" role="separator" aria-orientation="vertical" tabindex="-1"></span> </td> <td style="position: relative"><a role="button" id="idContents_bold" href="javascript:;" class="mceButton mceButtonEnabled mce_bold" onmousedown="return false;" onclick="return false;" aria-labelledby="idContents_bold_voice" title="Bold (Ctrl+B)" tabindex="-1"><span class="mceIcon mce_bold"></span><span class="mceVoiceLabel mceIconOnly" style="display: none;" id="idContents_bold_voice">Bold (Ctrl+B)</span></a> </td> <td style="position: relative"><a role="button" id="idContents_italic" href="javascript:;" class="mceButton mceButtonEnabled mce_italic" onmousedown="return false;" onclick="return false;" aria-labelledby="idContents_italic_voice" title="Italic (Ctrl+I)" tabindex="-1"><span class="mceIcon mce_italic"></span><span class="mceVoiceLabel mceIconOnly" style="display: none;" id="idContents_italic_voice">Italic (Ctrl+I)</span></a> </td> <td style="position: relative"> <a role="button" id="idContents_underline" href="javascript:;" class="mceButton mceButtonEnabled mce_underline" onmousedown="return false;" onclick="return false;" aria-labelledby="idContents_underline_voice" title="Underline (Ctrl+U)" tabindex="-1"><span class="mceIcon mce_underline"></span><span class="mceVoiceLabel mceIconOnly" style="display: none;" id="idContents_underline_voice">Underline (Ctrl+U)</span> </a> </td> <td style="position: relative"> <a role="button" id="idContents_strikethrough" href="javascript:;" class="mceButton mceButtonEnabled mce_strikethrough" onmousedown="return false;" onclick="return false;" aria-labelledby="idContents_strikethrough_voice" title="Strikethrough" tabindex="-1"><span class="mceIcon mce_strikethrough"></span><span class="mceVoiceLabel mceIconOnly" style="display: none;" id="idContents_strikethrough_voice">Strikethrough</span> </a> </td> <td style="position: relative"><span class="mceSeparator" role="separator" aria-orientation="vertical" tabindex="-1"></span> </td> <td style="position: relative"> <a role="button" id="idContents_justifyleft" href="javascript:;" class="mceButton mceButtonEnabled mce_justifyleft" onmousedown="return false;" onclick="return false;" aria-labelledby="idContents_justifyleft_voice" title="Align Left" tabindex="-1"><span class="mceIcon mce_justifyleft"></span><span class="mceVoiceLabel mceIconOnly" style="display: none;" id="idContents_justifyleft_voice">Align Left</span> </a> </td> <td style="position: relative"> <a role="button" id="idContents_justifycenter" href="javascript:;" class="mceButton mceButtonEnabled mce_justifycenter" onmousedown="return false;" onclick="return false;" aria-labelledby="idContents_justifycenter_voice" title="Align Center" tabindex="-1"><span class="mceIcon mce_justifycenter"></span><span class="mceVoiceLabel mceIconOnly" style="display: none;" id="idContents_justifycenter_voice">Align Center</span> </a> </td> <td style="position: relative"> <a role="button" id="idContents_justifyright" href="javascript:;" class="mceButton mceButtonEnabled mce_justifyright" onmousedown="return false;" onclick="return false;" aria-labelledby="idContents_justifyright_voice" title="Align Right" tabindex="-1"><span class="mceIcon mce_justifyright"></span><span class="mceVoiceLabel mceIconOnly" style="display: none;" id="idContents_justifyright_voice">Align Right</span> </a> </td> <td style="position: relative"> <a role="button" id="idContents_justifyfull" href="javascript:;" class="mceButton mceButtonEnabled mce_justifyfull" onmousedown="return false;" onclick="return false;" aria-labelledby="idContents_justifyfull_voice" title="Align Full" tabindex="-1"><span class="mceIcon mce_justifyfull"></span><span class="mceVoiceLabel mceIconOnly" style="display: none;" id="idContents_justifyfull_voice">Align Full</span> </a> </td> <td class="mceToolbarEnd"><span><!-- IE --></span> </td> <td style="position: relative"><span role="listbox" aria-haspopup="true" aria-labelledby="idContents_styleselect_voiceDesc" aria-describedby="idContents_styleselect_voiceDesc"><table role="presentation" tabindex="-1" id="idContents_styleselect" cellpadding="0" cellspacing="0" class="mceListBox mceListBoxEnabled mce_styleselect" aria-valuenow="Styles"><tbody><tr><td class="mceFirst"><span id="idContents_styleselect_voiceDesc" class="voiceLabel" style="display:none;">Styles</span> <a id="idContents_styleselect_text" tabindex="-1" href="javascript:;" class="mceText mceTitle" onclick="return false;" onmousedown="return false;">Styles</a> </td> <td class="mceLast"><a id="idContents_styleselect_open" tabindex="-1" href="javascript:;" class="mceOpen" onclick="return false;" onmousedown="return false;"><span><span style="display:none;" class="mceIconOnly" aria-hidden="true">