台词试听功能(武将/皮肤/将灵)已上线,在对应页面的台词板块即可试听;目前音频功能仍有缺失或错误的情况,可点击反馈提醒我们;有兴趣参与编辑的请点击下方企鹅群加入我们哦~。欢迎收藏起来防止迷路~(´▽`ʃ♡ƪ)!

如果你看到本段文字,说明该页面未正常加载全局JS,包括但不仅限于语音、评论区等部分功能将无法使用,请点击 重新加载页面,如果刷新无效,请找BWIKI客服进行反馈。
全站通知:

SmartClick文档/EditorPart

阅读

    

2023-03-13更新

    

最新编辑:摇晃の目光

阅读:

  

更新日期:2023-03-13

  

最新编辑:摇晃の目光

来自三国杀WIKI_BWIKI_哔哩哔哩
跳到导航 跳到搜索
页面贡献者 :
摇晃の目光

EditorPart概述

EditorPart将帮助您在编辑时识别特定代码,以便您快速地创建或编辑代码中提及的页面

EditorPart使用方法

按Alt快速定位到编辑器,按住Alt可以用鼠标查看一些特定代码段,点击可快速跳转(新建页面) 前往实例页测试

EditorPart触发条件

1、JS -包含ES6与React模板、CSS文件(单击前往JS、CSS编辑界面)

文件:SC JS CSS.png

2、模板(单击前往模板编辑界面)

文件:SC Template.png

3、文件(图片若存在,可以直接显示;若不存在,直接前往提交界面,提交图片即可(受缓存影响,刷新或显示预览后更新))

文件:SC File.png

4、站内、站外链接(单击访问链接)

文件:SC Link In.png    文件:SC Link Out.png

5、数据库模块(单击前往查看) / Widget组件(单击前往编辑)

文件:SC Dataset.png

6、Data模块(单击前往查看)

文件:SC Data.png

EditorPart附加优化

CodeMirror/Ace编辑器优化

这两种编辑器涵盖wiki的所有编辑

  • 替换字体为常用等宽编程字体consolas,提升编程体验
  • 为Ace编辑器提供自动补全,涵盖JS、CSS、JSX、Lua编辑
  • 为CodeMirror提供HTML+CSS+JS混合高亮,会单独在widget编辑界面触发,提升widget的开发体验,这意味着你能更好的使用Vue

Widget、JS、CSS、Lua、模板的快速提交功能

编辑器右下角提供编辑按钮,可以在不退出编辑状态的前提下提交代码,方便调试(该功能为React同步功能的延伸)

JSX支持(React)

  • JS编辑器会自动识别JSX,并在编辑器右上角显示,点击可切换JS/JSX
  • JSX仍支持JS代码补全
  • 在首次编写JSX时,请手动切换

React同步功能(React)

仿node环境的实时babel转码,解决了直接引入Babel.js文件过大影响性能的问题
详见React开发指南