@wufengtech/bbs-editor

bbs-editor

Terms

• kit: 插入游戏信息的工具，键入 @ 出现
• squad: 游戏阵容

Note

• 隐式依赖:
  • 配置 ElementUI
  • 配置 axios
• 使用的项目 babel 配置需要配置在 babel.config.js ，并把 bbs-editor 加入到 babel 处理文件中 https://babeljs.io/docs/en/config-files

Example

外部依赖的解释见 deps.js

// 使用任意功能之前
setup({
  $confirm: this.$confirm.bind(this),
  $toast: _util.toast,
  $loading: this.$loading.bind(this),
  env: _global.apiEnv,
  imgURLPrefix: _global.ossBaseURL,
})

// 编辑器
// 初始化
// doc: https://doc.haibao6688.com/doc/document-structure-fLTNolI2Yx
init(
  document.querySelector(".editor-container"),
  defaultValue, // doc
  onChange, // doc => {}
  {
    atEnabled: bool,
    squadEnabled: bool,
    gameID: string,
    watermarkEnable: bool,
    userID: string,
  },
)
// 销毁
destroy()
// 设置编辑器错误信息
setErrorMsg("正文内容不能为空")

// tooltip
// 设置了对应 class 以及 data 属性的元素会开启 tooltip
// class: [editor__item, editor__champion, editor__talent, editor__synergy]
// <div
//   data-no=""
//   data-gameid=""
//   data-version=""
//   data-version=""
//   data-version=""
//   disableclick="" 是否关闭点击跳转 wiki 功能
// ></div>
// 页面开启 tooltip
tooltip.init()
// 销毁
tooltip.destroy()