目录

基础组件

本节将教你如何设置 AnyText 扩展的基础视图。由于扩展是图形化的，扩展本身需要为 AnyText 渲染提供一个组件，因此，AnyText 为扩展预设了一些基本组件。当然也可以选择自定义组件，了解更多请参考自定义组件。

预设组件

以下是 AnyText 预设的基础组件：

这些基础组件位于 ExtensionContext 的 basic 属性中，你可以通过 context.basic 来访问它们。

使用预设组件

js

export const activate = (ctx) => {
  return ctx.basic.CodeEditor({
    language: "javascript",
    value: "console.log('Hello World!')"
    // ...
  })
}

请参阅相应的组件页面以了解更多信息。

提示

预设的组件本身是一个函数式组件，因此可以直接在 activate 钩子中返回。

下一步？