Question

bootstrap可视化编辑器哪个更好

Answer 1

可视化在线开发

• 在线编辑器支持自动拼写，输入一个字符（串），若存在该字符（串），则编辑器将出现所匹配的内容，点击选择所需代码，如下图所示网页链接

  

  请点击输入图片描述

• 编辑区域内右键可调出快捷工具菜单，按下鼠标右键，点击选择下图所示的工具：

  

  请点击输入图片描述

• 快捷键操作如下表所示；

  快捷键

  快捷键说明

  Ctrl + F    查找    

  Ctrl + H    查找替换    

  Ctrl + [  、 Ctrl + ]    代码行缩进    

  Ctrl + C    复制当前选中内容    

  Ctrl + X    剪切当前选中内容    

  Ctrl + V    在光标处插入剪贴板的内容，并替换任何所选内容，只有在剪切或复制了内容之后，才能使用此快捷键    

  Shift + Alt + F    代码格式化    

  Alt + Up  、 Alt + Down    上下移动一行    

  Alt + Shift + 鼠标左键    多行编辑（列编辑）（鼠标右键更改所有匹配项）    

  Ctrl + Delete    删除光标右侧的所有字    

  Ctrl + U    回退上一个光标操作    

  Ctrl + K后Ctrl + 0    折叠所有区域代码    

  Ctrl + K后Ctrl + J    展开所有折叠区域代码    

  选中注释代码块 Ctrl+ /    代码块注释    

  Home    移动到行首    

  End    移动到行尾    

  Ctrl + F12    转到定义    

  Alt + F12    速览定义    

  Shift + F12    查找所有定义    

  Ctrl + End    移动到文件结尾    

  Ctrl + Home    移动到文件开头    

  Ctrl + Shift + Enter    在当前行上方插入一行    

• 编辑器内按下 F1 键，调出快捷功能列表，用户可按需选择下图所示的功能：

  

  请点击输入图片描述

• 在线编辑器支持插入常用代码块，降低学习门槛。将鼠标移至菜单栏中“快捷代码”或者点击工具栏“快捷代码”图标（）,将出现常用代码块，点击快捷代码按钮，则可在编辑器中插入对应功能的代码。

  请点击输入图片描述

  请点击输入图片描述

  

  请点击输入图片描述

• 为方便用户开发，在线开发环境提供了资源引用的快捷入口。如引用“模板资源”步骤下：

• 点击工具栏“模型”图标（）

  请点击输入图片描述

• 在出现的模型资源面板中双击要引用的模型

• 编辑器区域快速插入相应代码

• 点击工具栏“执行项目”图标（），模型将出现在右侧3D容器内的场景中

  请点击输入图片描述

其他资源引用操作详见 在线开发 - 菜单导航 - 资源管理

Answer 2

Jetstrap是一个基于 Bootstrap 前端框架的可视化设计工具。

通过 Jetstrap制作出来的网页 100% 符合 Bootstrap 标准。比如说你只要设计了电脑端的页面，它会自动适配手机端和 Pad 端（响应式设计）。