slideshare/public/themes/default/layouts/image-slide.html
Michael Mainguy c51931af9c Add image upload functionality for slide editing
- Create ImageUploadField component with file upload and URL input
- Support base64 encoding for local IndexedDB storage
- Add image preview, replacement, and removal functionality
- Update SlideEditor to use ImageUploadField for image slots
- Include file validation (5MB limit, image types only)
- Add responsive design and error handling
- Integrate with existing theme system and slot detection

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-21 09:45:24 -05:00

11 lines
503 B
HTML

<div class="slide layout-image-slide">
<h1 class="slot title-slot" data-slot="title" data-placeholder="Slide Title" data-required>
{{title}}
</h1>
<div class="slot image-container" data-slot="image" data-placeholder="Click to add image" data-accept="image/*">
{{#image}}
<img id="main-image" src="{{image}}" alt="{{imageAlt}}" />
{{/image}}
</div>
<input type="text" class="slot image-alt" data-slot="image-alt" data-placeholder="Image description" data-hidden="true">
</div>