我的需求是：点击特定的业务组件，编辑器中右侧属性配置栏增加一个特定的tab分页（不是目前的属性、样式、事件和高级四个）看了下编辑器扩展这块的文档，没太看明白，不知

<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" da

可以看fillConfig的实现 <div class="Box-header f6"

需要配置<a href="https://tencent.github.io/tmagic-editor/docs/api/editor/props.html#propsc

<a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/us

请教下编辑器扩展-定制属性配置这块的问题 about tmagic-editor HOT 7 OPEN

spierBoy commented on May 23, 2024

请教下编辑器扩展-定制属性配置这块的问题

from tmagic-editor.

Comments (7)

jia000 commented on May 23, 2024

https://tencent.github.io/tmagic-editor/docs/guide/editor-expand.html#_1-%E5%AE%9A%E5%88%B6%E5%B1%9E%E6%80%A7%E9%85%8D%E7%BD%AE%E6%A0%8F%E4%B8%AD%E9%A1%B6%E9%83%A8%E7%9A%84%E5%B1%9E%E6%80%A7%E3%80%81%E6%A0%B7%E5%BC%8F%E3%80%81%E4%BA%8B%E4%BB%B6%E3%80%81%E9%AB%98%E7%BA%A7-tab%E5%88%86%E9%A1%B5

from tmagic-editor.

jia000 commented on May 23, 2024

propsService.usePlugin({
  /**
   * result为生成好的默认配置
   * config为组件中定义好的配置
   */
  afterFillConfig(result, config) {
    return config
  }
});

from tmagic-editor.

jia000 commented on May 23, 2024

可以看fillConfig的实现

tmagic-editor/packages/editor/src/utils/props.ts

Line 334 in 84cbc74

export const fillConfig = (config: FormConfig = []) => [

就是要在afterFillConfig里重新实现上面这个函数

from tmagic-editor.

spierBoy commented on May 23, 2024

感谢大佬回复，再请教下：
目前我在看文档的教程：DSL解析那个章节的例子，遇到了个这样一个问题：在文档组件库开发那个章节中写了一个Test的组件，我使用这个组件时发现定义的formConfig和initValue没生效，下面是部分代码
在editor-runtime 中定义组件并且全局注册
textCard.vue

import textCard from './src/index.vue';

export { default as config } from './src/formConfig';
export { default as value } from './src/initValue';


export default textCard;

在hello-editor的App.vue中使用，componentGroupList

{
    title: '基础组件',
    items: [
      {
        icon: 'https://vfiles.gtimg.cn/vupload/20220614/9cc3091655207317835.png',
        text: 'HelloWorld',
        type: 'hello-world',
      },
      {
        icon: 'https://vfiles.gtimg.cn/vupload/20220614/9cc3091655207317835.png',
        text: '测试文本',
        type: 'text-card',
      },
    ],
  },