Use case or problem
When resizing an image inside a Markdown table using the new drag-to-resize handle in Live Preview, Obsidian inserts the pipe character directly (e.g., ![[image.jpg|300]]). Since the pipe | is a reserved character for table delimiters, it breaks the table structure immediately. Users have to manually add a backslash \| to fix the table, which defeats the purpose of the new visual resizing feature.
Proposed solution
The editor should detect if an image is located within a table. If so, when resizing via the drag handle, it should automatically escape the pipe character by inserting \| instead of a raw |. This would maintain the table’s integrity while allowing for seamless visual resizing.
Current workaround (optional)
Manually finding the image code after resizing and adding a backslash before the pipe: ![[image.jpg\|300]].
