blockly⼆次开发中⽂⽂档——2.⼊门
⼊门
本⽂档⾯向希望创建将Blockly作为代码编辑器的应⽤程序的开发⼈员。这⾥假设⽤户已经熟悉Blockly的⽤法，并且⼈们对HTML和JavaScript 有基本的了解。
总览
Blockly旨在轻松安装程序到您的Web应⽤程序中。⾸先由⽤户拖动块，然后由Blockly⽣成代码，最后在您的应⽤程序使⽤该代码执⾏某些操作。从您的应⽤程序的⾓度来看，Blockly只是⼀个⽂本区域，⽤户可以在其中键⼊语法上完美的JavaScript，Python，PHP，Lua，Dart或其他语⾔。
获取源代码
⾸先，从GitHub下载源代码。如果您知道如何使⽤Git或Subversion，我们强烈建议您从我们的存储库进⾏同步，以便您的代码保持最新。
获得代码后，使⽤浏览器访问 demos/fixed/index.html并验证是否可以拖动块。
在页⾯中注⼊Blockly
验证Blockly安装⽆误后，使⽤固定⼤⼩的div将Blockly注⼊⽹页中。详见下⼀章《固定⼯作区域》
更⾼级的⽹页可能希望允许Blockly调整⼤⼩以填充页⾯。详见下⼀章《调整⼯作区域》
组件
前述⽰例中使⽤的Blockly.inject⾏包含“名称-值”对作为第⼆个参数，这些参数可⽤于配置。⽀持⼀下选项：
名称类型描述
collapse布尔型允许折叠或展开块。如果⼯具箱具有类别，则默认为true，否则为false。comments布尔型允许块有注释。如果⼯具箱具有类别，则默认为true，否则为false。
css布尔型如果为false，请不要注⼊CSS（提供CSS成为⽂档的责任）。默认为true。disable布尔型允许禁⽤块。如果⼯具箱具有类别，则默认为true，否则为false。
grid对象配置可以捕捉到块的⽹格。详见《⽹格》......
horizontalLa
yout
布尔型如果true⼯具箱是⽔平的，如果false则⼯具箱是垂直的。默认为false。maxBlocks数值型可以创建的最⼤块数。对学⽣练习很有⽤。默认为⽆限。
maxInstance
s
对象从块类型映射到可以创建的该类型的最⼤块数。未声明的类型默认为Infinity。
中文版php开发工具media字符串从页⾯（或框架）到Blockly媒体⽬录的路径，默认是“blockly-demo.appspot/static/media/”
move对象配置⽤户如何在⼯作区中移动的⾏为。详见《移动》
oneBasedIn
dex
布尔型如果true则列表和字符串操作应该从1开始索引，如果false索引从0开始。默认为true。readOnl
y布尔型如果为true，则阻⽌⽤户编辑。隐藏⼯具箱和垃圾桶。默认为false。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。