Pixel Lab® Web Editor'ü projenize eklemek için aşağıdaki adımları izleyin:
<!-- Font Awesome CDN -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<!-- Pixel Lab Editor CSS -->
<link rel="stylesheet" href="pixel-editor.css">
<textarea class="editor"></textarea>
<script src="pixel-editor.js"></script>
Editörü başlatmak ve özelleştirmek için aşağıdaki yapılandırma seçeneklerini kullanabilirsiniz:
new PixelLabEditor('.editor', {
theme: 'light', // veya 'dark'
tools: ['blocks', 'format', 'align', 'list', 'insert', 'ai', 'actions'],
activeColor: '#4F46E5',
geminiKey: 'YOUR_API_KEY' // Yapay zeka için gerekli
});
Editör iki farklı tema seçeneği sunar:
Beyaz arka plan ve koyu renkli metinler ile profesyonel bir görünüm.
Göz yormayan koyu arka plan ve optimize edilmiş kontrast oranları.
// Tema değiştirme
editor.setTheme('light'); // veya 'dark'
Editör aşağıdaki araç gruplarını içerir:
Google Gemini API entegrasyonu ile içerik üretimi:
Yapay zeka özelliklerini kullanmak için Google Gemini API anahtarı gereklidir.
new PixelLabEditor('.editor', {
// ...diğer ayarlar
geminiKey: 'YOUR_API_KEY'
});
Editörde desteklenen framework'ler ve özellikleri: