hbuilder边框代码是什么_HBuilder HTML 自定义代码块

1 =begin2 本文档是HTML代码块的编辑文件。注意不要把其他语言的设置放到html里来。3 HBuilder可使用ruby脚本来编辑代码块和增强操作命令。4 1、编辑代码块5 如果要新增一个代码块，复制如下一段代码到空白行，然后设定参数。6 'Style'是代码块的显示名字；7 s.trigger = 'style' 是设定激活字符，比如输入style均会在代码提示时显示该代码块；8 s.expansion = '' 是设定该代码块的输出字符，其中$0、$1是光标的停留和切换位置。9 snippet 'Style' do |s|10 s.trigger = 'style'11 s.expansion = '

12 $013 '14 end15 以上以HTML代码块做示例，js和css代码块类似，使用时注意避免混淆16 2、编辑按键命令17 如果要新增一个按键操作命令，复制如下一段代码到空白行，然后设定参数。18 'Br'是命令名字；19 s.key_binding = 'CONTROL+ENTER' 是设定按什么快捷键可以触发这个命令；20 s.expansion = '
' 是设定输出字符。21 snippet 'Br' do |s|22 s.key_binding = 'CONTROL+ENTER'23 s.expansion = '
'24 end25 操作时注意冲突，注意备份，有问题就还原。26 多看看已经写的ruby命令，会发现更多强大技巧。27 修改完毕，需要重启才能生效。28 玩的愉快，别玩坏！29 脚本开源地址 https://github.com/dcloudio/HBuilderRubyBundle ，可以把你的配置共享到这里，也可以在这里获取其他网友的版本30 =end31

32 require 'ruble'33

34 with_defaults :scope => 'text.html entity.other.attribute-name.html' do |bundle|35

36 snippet 'data-' do |s|37 s.trigger = 'data-'38 s.expansion='data-${1:type/role/transition/icon/iconpos/*} = "$2"'39 s.locationType='HTML_ATTRIBUTE'40 end41

42 end43

44 with_defaults :scope => 'text.html text' do |bundle|45

46 snippet t(:html_4_strict) do |s|47 s.trigger = 'doctype'48 s.expansion = '9 "http://www.w3.org/TR/html4/strict.dtd">

50 '51 end52

53 snippet t(:xhtml_1_frameset) do |s|54 s.trigger = 'doctype'55 s.expansion = '6 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

57 '58 end59

60 snippet t(:xhtml_1_strict) do |s|61 s.trigger = 'doctype'62 s.expansion = '3 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

64 '65 end66

67 snippet t(:xhtml_1_transitional) do |s|68 s.trigger = 'doctype'69 s.expansion = '0 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

71 '72 end73

74 snippet t(:xhtml_11) do |s|75 s.trigger = 'doctype'76 s.expansion = '7 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

78 '79 end80

81 snippet t(:movie) do |s|82 s.trigger = 'movie'83 s.expansion = '

84

85

86

87

88 width="${2:320}"height="${3:240}"

89 controller="${4:true}"autoplay="${5:true}"

90 scale="tofit"cache="true"

91 pluginspage="http://www.apple.com/quicktime/download/"

92 >

93 '94 end95

96 snippet t(:html_4_transitional) do |s|97 s.trigger = 'doctype'98 s.expansion = '9 "http://www.w3.org/TR/html4/loose.dtd">

100 '101 end102

103 snippet 'input with label' do |s|104 s.trigger = 'input'105 s.expansion = '$1'106 end107

108 snippet t(:option) do |s|109 s.trigger = 'opt'110 s.expansion = '${1:option}'111 end112

113 snippet 'input' do |s|114 s.trigger = 'input'115 s.expansion = ''116 s.needApplyReContentAssist = true117 end118

119 snippet 'textarea' do |s|120 s.trigger = 'textarea'121 s.expansion = '$0'122 end123

124 snippet 'canvas' do |s|125 s.trigger = 'canvas'126 s.expansion = ''127 end128

129 snippet 'iframe' do |s|130 s.trigger = 'iframe'131 s.expansion = ''132 s.needApplyReContentAssist = true133 end134

135 snippet t(:nbsp) do |s|136 s.key_binding = 'OPTION+Space'137 s.expansion = ' '138 end139

140 snippet 'Br' do |s|141 s.key_binding = 'CONTROL+ENTER'142 s.expansion = '
'143 end144

145 snippet 'link' do |s|146 s.trigger = 'link'147 s.expansion = ''148 s.needApplyReContentAssist = true149 end150

151 snippet 'meta' do |s|152 s.trigger = 'meta'153 s.needApplyReContentAssist = true154 s.expansion = ''155 end156

157 snippet 'meta_UTF8' do |s|158 s.trigger = 'metautf'159 s.expansion = ''160 end161

162 snippet 'meta_GB2312' do |s|163 s.trigger = 'metagb'164 s.expansion = ''165 end166

167 snippet 'meta_nocache' do |s|168 s.trigger = 'metanocache'169 s.expansion = ''170 end171

172 snippet 'meta_keywords' do |s|173 s.trigger = 'metakeywords'174 s.expansion = ''175 end176

177 snippet 'meta_description' do |s|178 s.trigger = 'metadescription'179 s.expansion = ''180 end181

182 snippet 'meta_viewport' do |s|183 s.trigger = 'metaviewport'184 s.expansion = ''185 end186

187 snippet 'script_google_jquery' do |s|188 s.trigger = 'scriptjqg'189 s.expansion = ''190 end191

192 snippet 'script_baidu_jquery' do |s|193 s.trigger = 'scriptjqb'194 s.expansion = ''195 end196

197 snippet ''202 end203

204 snippet ''209 end210

211 snippet '...' do |s|212 s.trigger = 'select'213 s.expansion = '

214 $3

215 '216 end217

218 snippet 'dl' do |s|219 s.trigger = 'dl'220 s.expansion = '

221

$1

222

$2

223 '224 end225

226 snippet 'ul' do |s|227 s.trigger = 'ul'228 s.expansion = '

229

$1

230

'231 end232

233 snippet 'form' do |s|234 s.trigger = 'form'235 s.expansion = "

236 $0237

238 "239 s.needApplyReContentAssist = true240 end241

242 snippet 'input_text' do |s|243 s.trigger = 'intext'244 s.expansion = ''245 s.needApplyReContentAssist = true246 end247

248 snippet 'input_button' do |s|249 s.trigger = 'inbutton'250 s.expansion = ''251 s.needApplyReContentAssist = true252 end253

254 snippet 'input_image' do |s|255 s.trigger = 'inimage'256 s.expansion = ''257 s.needApplyReContentAssist = true258 end259

260 snippet 'input_password' do |s|261 s.trigger = 'inpassword'262 s.expansion = ''263 end264

265 snippet 'input_search' do |s|266 s.trigger = 'insearch'267 s.expansion = ''268 end269

270 snippet 'input_submit' do |s|271 s.trigger = 'insubmit'272 s.expansion = ''273 end274

275 snippet 'input_reset' do |s|276 s.trigger = 'inreset'277 s.expansion = ''278 end279

280 snippet 'img' do |s|281 s.trigger = 'img'282 s.expansion = ''283 s.needApplyReContentAssist = true284 end285

286 snippet 'a_link' do |s|287 s.trigger = 'al'288 s.expansion = ''289 s.needApplyReContentAssist = true290 end291

292 snippet 'a_mailto' do |s|293 s.trigger = 'am'294 s.expansion = ''295 end296

297 snippet 'video' do |s|298 s.trigger = 'video'299 s.expansion = '

300

301

302

303

304

305

306

307 当前浏览器不支持 video直接播放，点击这里下载视频： 下载视频

308 '309 end310

311 snippet t(:script_w_external_source) do |s|312 s.trigger = 'scsrc'313 s.expansion = ''314 s.needApplyReContentAssist = true315 end316

317 snippet 'Script' do |s|318 s.trigger = 'script'319 s.expansion = '

320 $0

321 '322 end323

324 snippet 'style' do |s|325 s.trigger = 'style'326 s.expansion = '

327 $0328 '329 end330

331 snippet '' do |s|332 s.trigger = 'doctype'333 s.expansion = ''334 end335

336 snippet 'html' do |s|337 s.trigger = 'html'338 s.expansion = '

339

340

$0

341

342

343

344

345 '346 end347

348 snippet 'h1' do |s|349 s.trigger = 'h1'350 s.expansion = '

$0

'351 end352

353 snippet 'h2' do |s|354 s.trigger = 'h2'355 s.expansion = '

$0

'356 end357

358 snippet 'h3' do |s|359 s.trigger = 'h3'360 s.expansion = '

$0

'361 end362

363 snippet 'h4' do |s|364 s.trigger = 'h4'365 s.expansion = '

$0

'366 end367

368 snippet 'h5' do |s|369 s.trigger = 'h5'370 s.expansion = '

$0

'371 end372

373 snippet 'h6' do |s|374 s.trigger = 'h6'375 s.expansion = '

$0

'376 end377

378 snippet 'table' do |s|379 s.trigger = 'table'380 s.expansion = '

381

${4:Header}

382

${5:Data}

383 '384 end385

386 snippet 'head' do |cmd|387 cmd.trigger = 'head'388 cmd.expansion = "

389

390

$1

391

392 "393 end394

395 snippet 'body' do |cmd|396 cmd.trigger = 'body'397 cmd.expansion = "

398 $0399 "400 end401

402 snippet 'div' do |cmd|403 cmd.trigger = 'div'404 cmd.needApplyReContentAssist = true405 cmd.expansion = "

406 $0407

"408 end409