Çalışma alanı oluşturma

Tek bir çağrıyla çalışma alanı oluşturup DOM'a ekleyebilir veya yalnızca çalışma alanı oluşturabilirsiniz.

Enjeksiyon

Bir Blockly çalışma alanı oluşturabilir ve Blockly.inject(location, options) çağrısıyla DOM'a yerleştirebilirsiniz. İlk bağımsız değişken, Blockly'ye çalışma alanını DOM'a nereye yerleştireceğini söyler. İkinci bağımsız değişken, yapılandırma seçeneklerini içeren bir nesnedir.

Daha fazla bilgi için Çalışma alanı oluşturma başlıklı makaleyi inceleyin.

Doğrudan oluşturma

new Blockly.WorkspaceSvg(new Blockly.Options(options)) numaralı telefonu arayarak doğrudan çalışma alanı oluşturabilirsiniz. Bu aramayı yaptığınızda, yapılandırma seçeneklerinizi new Blockly.Options(options)'a yapılan bir aramada ilettiğinizden emin olun. WorkspaceSvg oluşturucusu, yapılandırma seçenekleri nesnenizi doğrudan kabul edemez.

Yapılandırma seçenekleri

Yapılandırma nesnesi Blockly.BlocklyOptions öğesini uygular ve aşağıdaki seçeneklere sahiptir. Bu seçeneklerden bazılarının, sağlanan araç kutusunda kategori olup olmamasına bağlı olarak varsayılan değerini değiştirdiğini unutmayın.

Ad Tür Açıklama
collapse boolean Blok içerik menülerinde blokları daraltma veya genişletme öğesi olup olmadığı. Araç kutusunda kategoriler varsa varsayılan olarak true, aksi takdirde false değerine ayarlanır.
comments boolean Engelleme bağlam menülerinde yorum ekleme veya kaldırma öğesi olup olmadığı. Araç kutusunda kategoriler varsa varsayılan olarak true,aksi takdirde false değerine ayarlanır.
css boolean Yanlışsa CSS eklemeyin (CSS sağlamak belgenin sorumluluğundadır). Varsayılan olarak true değerine ayarlanır.
disable boolean Engelleme bağlam menülerinde, engellemeleri devre dışı bırakma veya etkinleştirme öğesi bulunup bulunmadığı. Araç kutusunda kategoriler varsa varsayılan olarak true, aksi takdirde false değerine ayarlanır.
grid nesne Blokların yerleştirilebileceği bir ızgara yapılandırır. Izgara bölümüne bakın.
horizontalLayout boolean true araç kutusu yatay, false araç kutusu dikey ise. Varsayılan olarak false değerine ayarlanır.
maxBlocks sayı Oluşturulabilecek maksimum blok sayısı. Öğrenci alıştırmaları için faydalıdır. Varsayılan olarak Infinity değerine ayarlanır.
maxInstances nesne Blok türlerini, oluşturulabilecek maksimum blok sayısıyla eşleyin. Bildirilmemiş türler varsayılan olarak Infinity olur. Örnek: maxInstances: {'controls_if': 3, 'math_number': 42}
maxTrashcanContents sayı Geri dönüşüm kutusu açılır penceresinde gösterilecek maksimum silinmiş öğe sayısı. '0' özelliği devre dışı bırakır. Varsayılan olarak '32' değerine ayarlanır.
media dize Sayfadan (veya çerçeveden) Blockly medya dizinine giden yol. Varsayılan olarak 'https://blockly-demo.appspot.com/static/media/' değerine ayarlanır. Medya klasörü başlıklı makaleyi inceleyin.
modalInputs boolean true mobil cihazlarda metin giriş alanları ve alt sınıfları için modal düzenleyiciler, masaüstünde ise satır içi düzenleyici gösterilir. false seçeneğini belirlerseniz hem masaüstünde hem de mobil cihazlarda satır içi düzenleyici gösterilir. Varsayılan olarak true değerine ayarlanır.
move nesne Kullanıcıların çalışma alanında nasıl hareket edebileceğine ilişkin davranışı yapılandırır. Taşıma başlıklı makaleyi inceleyin.
oneBasedIndex boolean true liste ve dize işlemleri 1'den, false ise 0'den başlayarak dizine eklenmelidir. Varsayılan olarak true değerine ayarlanır.
plugins nesne Nesne eşleme kayıt türü adlarını değiştirme sınıflarına veya değiştirme sınıflarının kayıtlı adlarına eşler. Yedek sınıfınızı ekleme başlıklı makaleyi inceleyin.
readOnly boolean true ise kullanıcının düzenleme yapmasını engelleyin. Araç kutusunu ve çöp kutusunu gizler. Varsayılan olarak false değerine ayarlanır. Ayrıca setIsReadOnly ve isReadOnly politikalarını da inceleyin.
renderer dize Blockly tarafından kullanılan oluşturucuyu belirler. Önceden paketlenmiş oluşturucular arasında 'geras' (varsayılan), 'thrasos' ve 'zelos' (Scratch benzeri bir oluşturucu) bulunur. Özel oluşturucular hakkında bilgi edinmek için Özel oluşturucular oluşturma başlıklı makaleyi inceleyin.
rtl boolean true ise düzenleyiciyi yansıtın (Arapça veya İbranice yerel ayarları için). RTL demosuna göz atın. Varsayılan olarak false değerine ayarlanır.
scrollbars object veya boolean Çalışma alanında dikey veya yatay kaydırma çubuklarının olup olmayacağını ayarlar. horizontal özelliğinin yatay kaydırmanın etkin olup olmadığını, vertical özelliğinin ise dikey kaydırmanın etkin olup olmadığını belirlediği bir nesne alır. Bir boole değeri iletilirse bu, hem horizontal hem de vertical özellikleri bu değer olarak ayarlanmış bir nesne iletmeye eşdeğerdir. Araç kutusunda kategori varsa varsayılan olarak true değerine ayarlanır.
sounds boolean false ise sesleri devre dışı bırakır. Varsayılan olarak true değerine ayarlanır.
theme Tema Tema sağlanmazsa varsayılan olarak klasik tema kullanılır. Temalar başlıklı makaleyi inceleyin.
toolbox dize, XML veya JSON Kullanıcının erişebileceği kategorilerin ve blokların ağaç yapısı. Daha fazla bilgi için araç kutusunu tanımlama başlıklı makaleyi inceleyin.
toolboxPosition dize 'start' araç kutusu üstte (yatay ise) veya solda (dikey ve soldan sağa ise) ya da sağda (dikey ve sağdan sola ise) yer alır. 'end' araç kutusu diğer taraftaysa Varsayılan olarak 'start' değerine ayarlanır.
trashcan boolean Çöp kutusunu gösterir veya gizler. Araç kutusunda kategoriler varsa varsayılan olarak true, aksi takdirde false değerine ayarlanır.
zoom nesne Yakınlaştırma davranışını yapılandırır. Zoom bölümüne bakın.