Hello,
You're right, simply dragging and dropping an image into WeBuilder typically only inserts the file path, not the full <img> tag. While some older versions might have behaved differently, the current behavior you're seeing is the standard. WeBuilder doesn't automatically generate the full HTML tag with attributes like width, height, and alt on drag and drop.
Here are a few ways to achieve what you want in WeBuilder (or most HTML editors):
JPMCB Card
Manual Tag Insertion and Path Completion:
Type the beginning of the <img> tag: <img src="
Drag and drop the image. WeBuilder should now complete the file path.
Finish the tag manually, adding width, height, and alt attributes as needed: " width="45" height="45" alt="" />
This is the quickest method if you're comfortable typing HTML.
Code Completion/Intellisense:
Start typing <img. WeBuilder's code completion should offer suggestions. Select the <img> tag.
The editor may then offer to fill in the src attribute. You can then drag and drop the image file.
Again, you'll likely have to manually add width, height, and alt.
This is slightly faster than full manual typing, but still requires some manual work.
Best Regards
You're right, simply dragging and dropping an image into WeBuilder typically only inserts the file path, not the full <img> tag. While some older versions might have behaved differently, the current behavior you're seeing is the standard. WeBuilder doesn't automatically generate the full HTML tag with attributes like width, height, and alt on drag and drop.
Here are a few ways to achieve what you want in WeBuilder (or most HTML editors):
JPMCB Card
Manual Tag Insertion and Path Completion:
Type the beginning of the <img> tag: <img src="
Drag and drop the image. WeBuilder should now complete the file path.
Finish the tag manually, adding width, height, and alt attributes as needed: " width="45" height="45" alt="" />
This is the quickest method if you're comfortable typing HTML.
Code Completion/Intellisense:
Start typing <img. WeBuilder's code completion should offer suggestions. Select the <img> tag.
The editor may then offer to fill in the src attribute. You can then drag and drop the image file.
Again, you'll likely have to manually add width, height, and alt.
This is slightly faster than full manual typing, but still requires some manual work.
Best Regards
Statistics: Posted by rosy876 — Tue Feb 18, 2025 1:07 pm