Modern Web Editörü

Yapay zeka destekli, modern ve kullanıcı dostu WYSIWYG editör.
Light ve Dark tema desteği ile birlikte gelen profesyonel metin düzenleme aracı.

Özellikler

Güçlü Özellikler

Modern web uygulamaları için tasarlanmış profesyonel araçlar

Yapay Zeka Desteği

Google Gemini API entegrasyonu ile içerik üretimi ve düzenleme desteği. Metin düzenleme ve iyileştirme önerileri.

Light/Dark Tema

Göz yormayan dark tema ve profesyonel light tema seçenekleri. Otomatik tema değiştirme özelliği.

Responsive Tasarım

Tüm cihazlarda kusursuz çalışan mobil uyumlu tasarım. Touch destekli kullanıcı arayüzü.

Demo

Canlı Önizleme

Light ve Dark tema seçenekleri ile editörü hemen test edin

Dökümanlar

Hızlı Başlangıç

Pixel Lab® Web Editor'ü projenize dakikalar içinde entegre edin

Hızlı Kurulum

Üç adımda projenize ekleyin

1 Font Awesome ve CSS bağlantılarını <head> etiketleri arasına ekleyin:
<!-- 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">
2 HTML yapısını ekleyin:
<textarea class="editor"></textarea>
3 JavaScript kodlarını <body> etiketinin sonuna ekleyin:
<script src="pixel-editor.js"></script> <script> new PixelLabEditor('.editor', { theme: 'light', tools: ['blocks', 'format', 'align', 'list', 'insert', 'ai', 'actions'], activeColor: '#4F46E5' }); </script>

Temel Kullanım

İki adımda editörü başlatın

1 HTML yapısını oluşturun:
<textarea class="pixel-editor"></textarea>
2 Editörü yapılandırın ve başlatın:
new PixelLabEditor( '.pixel-editor', { theme: 'light', // veya 'dark' tools: [ 'blocks', 'format', 'align', 'list', 'insert', 'ai', 'actions' ], activeColor: '#4F46E5', geminiKey: 'YOUR_API_KEY' // Yapay zeka için gerekli } );
İndir

Hemen Başlayın

Editörü kendi sunucunuzda barındırın ve özelleştirin

Ücretsiz Versiyon

Tüm temel özellikleri içeren sürüm
Boyut: 27 KB (sıkıştırılmış)

İndir