Code
YAML Editörü, YAML kodunuzu ve verileri ağaç olarak yan yana gösterir. Eşlemeleri ve listeleri katlayın, her değerin türünü ve girdi sayısını görün, anahtarları ve değerleri doğrudan ağaçta değiştirin - değişiklik koda tam o yere gider; yorumlarınız ve biçiminiz korunur. Yanlış bir girintiden bir sekmeye veya çapası olmayan bir takma ada kadar hatalar satır ve sütunuyla listelenir; veriler bir JSON Schema'ya göre kontrol edilebilir ve JSON, CSV veya XML'e dönüştürülebilir.
Her şey tarayıcınızda çalışır. Belgeler yüklenmez; kayıt ve reklam yoktur.
Solda vurgulanmış YAML 1.2, ortada katlanabilir ağaç - --- sonrasındaki her belge için bir ağaç. Ağaçta bir tıklama koda atlar, kod imleci ağaçta değerini işaretler.
Anahtarları ve değerleri değiştirin, girdi ekleyin, çoğaltın, taşıyın ve kaldırın, bir türü değiştirin - her biri kodda küçük bir düzenleme olarak; böylece yorumlar ve boş satırlar yerinde kalır.
Yanlış girinti, sekmeler, yinelenen anahtarlar, çapası olmayan takma adlar ve JSON Schema'nıza uymayan değerler, her biri satır ve sütunuyla.
&anchor, *alias ve birleştirme anahtarları (<<) ağaçta işaretlenir ve dönüştürmeler için çözümlenir.
Tutarlı girintiyle biçimlendirin ya da JSON, CSV (eşlemelerden oluşan bir liste bir tablodur) ve XML'e dönüştürün. JSON, CSV ve XML dosyaları YAML olarak açılır.
Tarayıcınızda kendi geri alma geçmişleriyle istediğiniz sayıda belge saklayın ve hepsini bir ZIP olarak indirin.
Her https sayfası (ve localhost) editörü bir <iframe> ve ?embed=1 ile yerleştirebilir - kayıt yok, anahtar yok. Yerleştirildiğinde editör bu metni gizler ve bir Kaydet düğmesi gösterir. Belgeyi içeri almanın ve dışarı vermenin iki yolu vardır.
src= bir dosya açar (sunucunuz CORS'a izin vermelidir), webhook= ise "Kaydet"in (Ctrl+S) belgeyi o adrese göndermesini sağlar. Authorization: Bearer … başlığı için &token=…, her değişiklikten sonra kaydetmek için &auto ekleyin.
<iframe src="https://yaml.giit.ch/?embed=1&src=https://your-site.com/config/app.yaml&webhook=https://your-site.com/save.php"
allow="clipboard-write" style="width:100%;height:800px;border:0"></iframe>Webhook, JSON içeren bir POST alır: { editor: "yaml", event: "save", id, name, content, updated }; content dize olarak belgedir. Bunu saklayan küçük bir PHP betiği:
<?php
header('Access-Control-Allow-Origin: https://yaml.giit.ch');
header('Access-Control-Allow-Headers: Content-Type, Authorization');
header('Access-Control-Allow-Methods: POST, OPTIONS');
if ($_SERVER['REQUEST_METHOD'] === 'OPTIONS') exit;
if (($_SERVER['HTTP_AUTHORIZATION'] ?? '') !== 'Bearer SECRET') { http_response_code(403); exit; }
$d = json_decode(file_get_contents('php://input'), true);
$name = preg_replace('/[^\w\- ]/u', '_', $d['name']);
file_put_contents(__DIR__ . "/config/$name.yaml", $d['content']);
echo '{"ok":true}';Editör yamleditor:ready der, sayfanız yamleditor:load ile yanıt verir, editör yamleditor:loaded, gerçek düzenlemelerde yamleditor:change ve kullanıcı kaydettiğinde yamleditor:save bildirir. Sayfanız yamleditor:get (geçerli durum) veya yamleditor:save (Kaydet'e basma) gönderebilir. Kaydetme böylece kendi oturum açma ve oturum sisteminiz üzerinden yapılır.
<iframe id="ed" src="https://yaml.giit.ch/?embed=1" allow="clipboard-write" style="width:100%;height:800px;border:0"></iframe>
<script>
const ed = document.getElementById('ed');
const ORIGIN = 'https://yaml.giit.ch';
addEventListener('message', async e => {
if (e.source !== ed.contentWindow || e.origin !== ORIGIN) return;
const m = e.data;
if (m.type === 'yamleditor:ready') { // editör hazır: belgeyi ona verin
ed.contentWindow.postMessage({
type: 'yamleditor:load',
name: 'Settings',
content: await (await fetch('/config/app.yaml')).text()
}, ORIGIN);
}
if (m.type === 'yamleditor:change') document.title = '● not saved'; // gerçek bir düzenleme
if (m.type === 'yamleditor:save') { // kullanıcı "Kaydet"e tıkladı
await fetch('/api/save', { method: 'POST', headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ name: m.name, content: m.content }) });
document.title = 'Saved';
}
});
// Kendi sayfanızda bir kaydet düğmesi: yanıt yamleditor:save olarak gelir
function saveNow() { ed.contentWindow.postMessage({ type: 'yamleditor:get' }, ORIGIN); }
</script>Sayfanızın içinde Yapay Zekâ Asistanı: çerçeve içinde de çalışır. iframe üzerinde allow="clipboard-write" ile "İstemi kopyala" panoyu doğrudan kullanır (aksi halde editör eski kopyalama komutuna geri döner veya istemi elle kopyalamanız için gösterir). Yapay zekânın gönderdiği bir bağlantı başka bir web sitesinin içindeki editöre ulaşamaz; bu yüzden editör, yapay zekâya ve kullanıcıya bunun yerine yapay zekânın yanıtının tamamını editöre yapıştırmasını söyler - veya editörü kendi penceresinde açın.
window.open("https://yaml.giit.ch/?embed=window", "yamleditor-17") tam editörü kendi penceresinde açar ve aynı mesajları window.opener ile konuşur. Yapay zekâdan gelen bağlantılar ona orada ulaşır. yamleditor:load ayrıca context: { host, title, rules } taşıyabilir - yapay zekâ istemi bu durumda belgenin nereye ait olduğunu söyler ve kurallarınıza uyar - ve hook: { url, token }, yalnızca bu belge için olan ve asla saklanmayan bir webhook. Kaydedilmemiş değişikliklerle pencereyi kapatmak yamleditor:closing gönderir.
Editöre kendi isteminizi, sitenizde bir adresi ve bu editör oturumu için bir anahtarı verin. Yapay zekâ iletişim kutusu bu durumda sitenize "Bağlı" olduğunu, yapay zekâya ne söylediğinizi ve geçerli belgeyi değiştir veya yeni bir belge oluştur seçimini gösterir; İstemi kopyala hepsini bir araya getirir. Yapay zekâ sonucunu anahtarla sunucunuza gönderir ve sayfanız onu editörde açar - yeni bir belge ayrı açılır ve kullanıcının tarayıcısında kalır. Editör oturumu başına bir anahtar: editör açık olduğu sürece geçerli kalır ve editör yalnızca anahtarı yokken yamleditor:key-request ile ister. Editör anahtarı asla kendisi göndermez ve asla saklamaz; adres kendi alan adınızda veya onun bir alt alan adında https olmalıdır.
const key = async () => (await fetch('/api/ai-key.php?doc=17')).json(); // editör oturumu başına bir anahtar
const k = await key();
ed.contentWindow.postMessage({ type: 'yamleditor:load', name: 'Settings', content, ai: {
label: 'My Site', prompt: 'Keep every key and every comment.',
endpoint: 'https://your-site.com/api/ai-result.php', key: k.key } }, ORIGIN);
// yamleditor:loaded içindeki id'yi hatırlayın ve başka id'li change/save/closing mesajlarını yok sayın
// yalnızca editörün anahtarı yokken:
if (m.type === 'yamleditor:key-request') { const k = await key(); ed.contentWindow.postMessage({ type: 'yamleditor:ai', key: k.key }, ORIGIN); }
// editör açıkken sunucunuza her dakika bildirin; editörü veya sayfayı kapatmak anahtarı geçersiz kılar
setInterval(() => fetch('/api/ai-key.php?alive=' + k.key.slice(0, 8)), 60000);
// sunucunuzda bir sonuç var (polling, SSE …): target "current" veya "new" olur
ed.contentWindow.postMessage({ type: 'yamleditor:load', name: 'Settings', content: draft, from: 'ai', target }, ORIGIN);Anahtarları en az 128 rastgele bitle oluşturun, yalnızca özetlerini (hash) saklayın, her birini oturum açmış kullanıcıya, belgeye ve bu editör oturumuna bağlayın, oturum başına bir tane oluşturun, yalnızca sayfanız oturumu açık bildirdiği sürece geçerli tutun ve editör veya sayfa kapandığında geçersiz kılın.
Protokolün tamamı llms.txt dosyasındadır - bir yapay zekâya verin, sisteminiz için bağlantıyı o kursun. JSON Editörü jsoneditor: önekiyle aynı şekilde çalışır - json.giit.ch.
Hayır. Editör tamamen tarayıcınızda çalışır. Kendi sunucunuza bir webhook kurmadığınız sürece belgeleriniz asla bir sunucuya gönderilmez.
Evet. Ağaçtaki bir değişiklik koda tam o yere yazılır; yorumlar, boş satırlar ve biçimin geri kalanı olduğu gibi kalır. Geri al her değişikliği geri alır.
YAML girinti için sekmelere izin vermez. Editör her yeri işaretler ve koddaki Tab tuşu boşluk ekler.
Evet. Çapalar (&name) ve takma adlar (*name) ağaçta işaretlenir, birleştirme anahtarları (<<) dönüştürmeler için çözümlenir, çapası olmayan bir takma ad bildirilir ve --- sonrasındaki her belge kendi ağacını alır.
Evet, Dönüştür sekmesinde veya Dışa aktar altında. Eşlemelerden oluşan bir liste bir CSV tablosu olur. Açtığınız JSON, CSV ve XML dosyaları YAML'a dönüştürülür.
Yalnızca tarayıcınıza. Belgeleri açmak, yeniden adlandırmak, çoğaltmak, indirmek veya silmek için sol üstteki klasör düğmesine (Belgelerim) tıklayın. Tarayıcınızın site verilerini temizlemek onları siler; bu yüzden saklamak istediklerinizi indirin - veya editörün onları kendi sunucunuza göndermesine izin verin ("Sunucuya kaydet").
Evet, her yapay zekâ - ChatGPT, Claude, Gemini, Copilot veya kodlama aracınızdaki yapay zekâ. "Yapay Zekâ Asistanı"na, ardından "İstemi kopyala"ya tıklayın, istemi yapay zekânıza yapıştırın ve neyi değiştirmesi gerektiğini söyleyin. Yapay zekâ bir bağlantıyla yanıt verir; ona tıklayın, veriler editörünüzde görünür. "Geri al" her değişikliği geri alır.
Hayır. Editör ücretsizdir; reklam ve kayıt yoktur.