- 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>
24 lines
634 B
HTML
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> |