@cloudstudio/embed-editor v0.0.1-alpha.5

• @cloudstudio/embed-editor
  • Demo
  • API
  • Screenshot

@cloudstudio/embed-editor

需要手动引用上报 sdk https://beacon.cdn.qq.com/sdk/4.5.9/beacon_web.min.js

Demo

const codes = [
  {
    lang: 'python',
    code: `# 图形输出测试
  import matplotlib
  import matplotlib.pyplot as plt

  matplotlib.use('Agg')


  x = [1, 2, 3, 4, 5]
  y = [1, 4, 9, 16, 25]

  plt.plot(x, y)

  plt.title('Line Graph Example')
  plt.xlabel('X Axis')
  plt.ylabel('Y Axis')

  plt.savefig('plot3.jpg')

  print('hello Could not load the Qt platform plugin');`,
    key: 'code_key_1',
    count: 10,
  },
  {
    lang: 'python',
    code: defaultCodeContent,
    key: 'code_key_2',
  },
];

<Modal
  code="abc"
  index={0}
  codes={codes}
  visible={true}
  onChange={handleChange}
  articleId="article-one"
  isAuthor
  onClose={onClose}
  onVisibleChange={setVisible}
  onCount={(changedCode, changedCodes) => {
    console.log('运行次数改变回调', changedCode, changedCodes);
  }}
  onCopyLegacyLink={() => console.log('复制链接成功')}
></Modal>;

API

Screenshot