求助：WordPress HTML中表格单元格内容选择与编辑异常

I’ve run into similar table editing quirks in WordPress before—let’s break down fixes for both your problems:

Issue 1: Can’t fully select cell content with scroll drag #

When cells are packed with text, the visual editor’s drag-select can fail to capture all content as you scroll. Try these workarounds:

• Keyboard shortcut trick: Click anywhere inside the target cell, then press Ctrl+A (Windows) or Cmd+A (Mac). This should select all content within that cell, even if it’s longer than the visible area.
• Switch to HTML/Text editor: Head to the "Text" tab (classic editor) or use the "Edit as HTML" option in Gutenberg’s block menu. You can directly edit the <td> element’s content here, which avoids any visual editor selection limitations.
• Right-click select: Right-click inside the cell and choose "Select All" from the context menu—this often works better than drag-select for long content.

Issue 2: Can’t select a single cell without grabbing adjacent cells #

The problem where dragging selects multiple cells usually stems from how the visual editor parses the table’s HTML structure (your sample shows nested <p> tags inside cells, which can confuse the editor’s selection logic). Here’s how to fix it:

• Precise click-and-shift: Click at the exact start of the cell content, hold down Shift, then click at the very end of the cell content (right before the closing </td> tag in the HTML view, or at the last character in visual mode). This forces the editor to select only the content within that cell.
• Use Gutenberg’s Table Block tools: If you’re using the block editor, select the table block, then use the toolbar options to "Edit Cell"—this isolates the cell content so you can edit it without accidentally selecting adjacent cells. You can also right-click the cell and choose "Select Cell" from the menu.
• Clean up the HTML: Your sample table has inline styles and nested <p> tags that might be causing selection conflicts. Try simplifying the HTML by removing unnecessary inline styles (use CSS classes instead) or merging <p> tags if possible. For example, replacing multiple <p> elements with line breaks (<br>) can make the editor’s selection more reliable.

Simplified Sample Cell HTML #

Here’s a cleaned-up version of your sample cell to reduce selection issues:

<td style="width: 277px; height: 21px; border: 1px solid #000;" width="100%">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla congue vitae risus in luctus.<br><br>
  Sed sed blandit tellus. Fusce interdum ultrices ex eu vestibulum. Fusce efficitur auctor ultricies.<br><br>
  Duis et ipsum in felis dignissim eleifend eget vitae odio. Proin in leo a diam elementum dictum sit amet sed turpis.<br><br>
  Donec eu odio vel turpis varius vestibulum. In hac habitasse platea dictumst. Vivamus vel dictum leo.
</td>

If none of these work, consider using a dedicated table plugin like TablePress—its built-in editor has far more precise cell selection and editing tools than the default WordPress editor.

内容的提问来源于stack exchange，提问作者TwilInter