Blockly.Xml.domToWorkspace填充代码到工作区，然后工作区无法操作？

于 2022-03-01 14:31:02 发布
阅读量537 收藏
点赞数
文章标签： xml vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wmin0920/article/details/123205298
版权
  • Electron+vue+element-plus
  • Blockly由npm安装的。
  • 编写的打开操作，将图块保存为xml文件，然后打开操作，读取xml文件，转化为xml的对象。使用Blockly.Xml.domToWorkspace导入到工作区。可以正常加载。但是无法再进行操作。不能移动，不能从toolbox加载新的块。不知道原因。
wmin0920
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
[blockly 系列] 第 1 篇 环境搭建
u014483873的博客
07-08 1635
blockly 是 google 用于可视化编程的开源库，可以以积木式编程的方式开发程序，没错，就是传说中的通过拖拽写代码。听起来很离谱但在某些场合有着不可替代的作用，也有一定的商业价值，比如 MIT 与 google 合作出品的 Scratch，通过拖拽的方式生成动画，是青少年学习编程的重要工具，国内在 Scratch 基础上进行优化的编程猫，听说 B 轮融资了1.2亿。 为什么会研究一下 blockly， 来源于公司项目中一个需求–给用户提供一个开发者平台，通过对预定义组件的拖拽和排序来生成可应用于移动
vue中集成blockly的踩坑之旅
zsr0526的博客
03-30 3083
blockly源码下载地址：https://gitee.com/mirrors/blockly?_from=gitee_search blockly的文档参考网址： https://itbilu.com/other/relate/Ek5ePdjdX.html#configure-fixed-size https://www.npmjs.com/package/blockly 请结合以上文档来看这篇博客 初步搭建blockly： npm install blockly 如果安装失败，请删除n
XML-To-Blockly：将RelaxNG模式作为输入，并为Blockly块生成相应的代码以表示相同的代码
02-06
介绍 此由2016年版的。 已被选为在组织中的在和的监督下进行。 是用于在分布式环境中运行计算管道的系统。 当前，eHive工作流程以要求基本编程技能的特定文件格式配置。 该项目旨在通过使用Google的库为eHive工作流程创建图形编辑器来消除此缺点。 我们将XML定义为带有的文件格式。 该图形编辑器的骨干是将Relax NG规范自动转换为Blockly块和匹配规则，以便Blockly图符合该规范。 图形界面将必须能够导入现有的XML文件，以使用Blockly块将其可视化，进行编辑，然后将图导出回XML。 提交给Google的项目并不特定于eHive，建议的编辑器应该能够处理使用Rel
blockly的积木转C++
03-17
一个实现在html上展示如何实现积木转换成各种语言
来算google的可视化编程工具——Blockly，不仅仅是玩具
听雨轩
10-16 5588
Blockly - 来自Google的可视化编程工具     Google Blockly 是一款基于Web的、开源的、可视化程序编辑器。你可以通过拖拽块的形式快速构建程序，而这些所拖拽的每个块就是组成程序的基本单元。可视化编程完成，Blockly 直接支持 JavaScript、Python、PHP、Lua、Dart 语言源码的导出。此外，还可以将 Blockly 编辑器快速集成到W...
Google blockly简介（二）Blockly Developer Tools使用
xiatiancc的专栏
09-10 6956
    现在国内Google官网打不开Blockly Developer Tools，要想使用此工具，那就用别的办法了。 https://blockly-demo.appspot.com/static/demos/blockfactory/index.html 介绍： 一、定义Toolbox   当选项卡选中Toolbox时，可以通过中部的“+”和“-”，添加或删除Toolbox中的...
Blockly 的配置
xiatiancc的专栏
07-04 5430
本文基于Web Blockly，整理一下可视化编程工具-Blockly 的常用配置，包括：工作区配置、添加自定义块、配置工具箱、配置代码生成器等。固定尺寸工作区可调尺寸工作区添加自定义块（Block）工具箱（Toolbox）配置代码生成器网格（Grid）缩放（Zoom）事件云存储1. 固定尺寸工作区把 Blockly 放到网页上最简单的方法是将其注入到一个空div中。1.1 引入 Blockly ...
blockly -- 定义块工具
wolf
01-14 1247
Blockly Developer Tools Blockly Developer Tools是一个基于Web的开发人员工具，可自动执行Blockly配置过程的各个部分，包括创建自定义块，构建工具箱和配置Web Blockly工作区。 使用该工具的Blockly开发人员流程包括三个部分： 使用“Block Factory”和“Block Exporter”创建自定义块。 使用工作区工厂构...
blockly 工具箱
wolf
01-09 912
工具箱 工具箱是用户可以从中创建新块的侧面菜单。工具箱的结构由XML指定，它可以是节点树或字符串表示形式。当该XML注入页面时，它将传递给Blockly。如果您不喜欢手动输入XML，建议您查看Blockly Developer Tools。使用它，您可以构造一个工具箱并使用可视界面自动生成其工具箱XML。 这是一个使用节点树的最小示例： <xml id="toolbox" styl...
blockly - 自定义块
wolf
01-09 1982
添加自定义块 虽然Blockly定义了许多标准块，但是大多数应用程序需要定义和实现至少几个与域相关的块。 块由三个组件组成： 块定义对象：定义块的外观和行为，包括文本，颜色，字段和连接。 工具箱引用：对工具箱XML中块类型的引用，因此用户可以将其添加到工作区中。 生成器功能：生成此块的代码字符串。即使目标语言不是JavaScript，甚至对于Blockly for Android，它始...
JAVA上百实例源码以及开源项目源代码
09-17
　Java数据压缩与传输实例，可以学习一下实例化套按字、得到文件输入流、压缩输入流、文件输出流、实例化缓冲区、写入数据到文件、关闭输入流、关闭套接字关闭输出流、输出错误信息等Java编程小技巧。 Java数组倒置...
EXCEL2007实例教程PPT-自做培训用!目前最全教程!.pptx
12-25
第二节 电子表格的基本操作 （1）工作簿（Workbooks）：电子表格软件Excel生成的一个文档文件 工作簿文件的默认扩展名：.xlsx（未启用宏），是基于XML的新的文件格式 启用宏的Excel工作簿文件扩展名：.xlsm 模板...
SQL Server 2008管理员必备指南(超高清PDF)Part3
07-17
《SQL Server 2008管理员必备指南》的特点是按照日常工作的逻辑来编排内容，并含有大量实例操作指导、技巧提示及T-SQL代码，方便管理员日常的工作。 《SQL Server 2008管理员必备指南》适合所有SQL Server用户参考，...
SQL.Server.2008管理员必备指南.part2.rar（2/4）
05-04
　10.3.2 了解区 282 　10.3.3 了解表的分区 283 　10.4 处理表 283 　10.4.1 创建表 284 　10.4.2 修改现有的表 288 　10.4.3 查看表的行和大小的信息 290 　10.4.4 显示表属性和权限 291 　10.4.5 显示表中当前的...
Blockly.js
Tom__cy的博客
04-26 694
<!-- blockly.js 是自定义块！向外暴露一个 initBlock 函数 --> <!-- let Blockly = vm.$blockly 获取Vue实例上的$blockly --> - 参数解析 - this.appendDummyInput() - .appendField('String') 块的名称,描述块 - .appen...
vue + blockly 示例
范百岁
09-08 2224
vue + blockly 示例 blockly ???? 官方api ???? 官方例子 安装 npm install --save blockly 引入 import Blockly from 'blockly'; import * as Ch from 'blockly/msg/zh-hans'; // 中文 示例代码 <template> <div> <button @click="getJavascriptCode">获取javascri
blockly生成javascript
Zhang_HZ2016的博客
03-15 5127
生成和运行Javascript 块应用程序通常生成JavaScript作为其输出语言，通常在Web页面（可能相同或嵌入式WebView）中运行。像任何生成器，第一步是包括javascript生成器。 对于web Blockly，包括javascript_compressed.js，紧接 blockly_compressed.js： WEB src="block
Blockly学习之文档阅读笔记
jhqdlove的专栏
04-19 4285
blockly是一个用于Web、Android、iOS的可视化代码编辑器库。 使用了相互关联的积木来表示表达代码中变量、逻辑表达式、循环等。让用户能够了解编程，而不用面对命令行上让人恐惧和枯燥的代码和语法。
安装Google Blockly Developer Tools离线版
程序猿的实验室
08-25 4754
1. Blockly Developer Tools Demo在线版： https://blockly-demo.appspot.com/static/demos/toolbox/index.html 注意：国内可能被墙导致该网址访问不了，可按如下步骤安装Blockly Developer Tools离线版。 2.Blockly Developer Tools 的Github仓库地址： https://github.com/google/blockly-devtools 下载zip打包文件..
logback.xml输出到但当前工作目录
最新发布
07-20
这将使logback.xml配置的appender将日志输出到当前工作目录下的logs文件夹中的application.log文件中。 请注意，如果当前工作目录没有logs文件夹，logback将尝试创建它。确保应用程序具有适当的权限来创建文件和...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值