slideshare/public/themes/default/layouts/code-slide.html
Michael Mainguy 84b2d233a7 Add JavaScript syntax highlighting with Highlight.js
- Implement code highlighting utility using Highlight.js library
- Add dedicated code-slide layout with proper pre/code structure
- Update HTML sanitizer to allow pre and code elements
- Add comprehensive VS Code dark theme syntax colors
- Fix whitespace preservation in highlighted code blocks
- Support code slot type in template rendering system
- Add code-specific styling and editor improvements

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-21 21:18:11 -05:00

24 lines
634 B
HTML

<div class="slide layout-code-slide">
<h1 class="slot title-slot"
data-slot="title"
data-type="title"
data-placeholder="Code Example Title"
data-required>
{{title}}
</h1>
<pre class="slot code-content"
data-slot="code"
data-type="code"
data-language="javascript"
data-placeholder="Enter your JavaScript code here..."
data-multiline="true">{{code}}</pre>
<div class="slot notes-content"
data-slot="notes"
data-type="text"
data-placeholder="Optional code explanation..."
data-multiline="true">
{{notes}}
</div>
</div>