How to use the @edtr-io/plugin.child function in @edtr-io/plugin
To help you get started, we’ve selected a few @edtr-io/plugin examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
edtr-io / edtr-io / packages / plugins / multimedia-explanation / src / index.ts View on Github 
export const multimediaExplanationState = (multimediaPlugins: PluginRegistry) =>
object({
explanation: child('rows'),
multimedia: child(multimediaPlugins[0].name),
illustrating: boolean(true),
width: number(50) //percent
})import { child, object, list, Plugin, string, boolean } from '@edtr-io/plugin'
import { createIcon, faCheckSquare } from '@edtr-io/ui'
import { SolutionStepsEditor } from './editor'
export const solutionStep = object({
type: string('step'),
isHalf: boolean(),
content: child('rows')
})
export const solutionStepsState = object({
introduction: child('text'),
strategy: child('rows'),
hasStrategy: boolean(),
solutionSteps: list(solutionStep),
additionals: child('rows'),
hasAdditionals: boolean()
})
export const solutionStepsPlugin: Plugin = {
Component: SolutionStepsEditor,
state: solutionStepsState,
icon: createIcon(faCheckSquare),
title: 'Lösungschritte',
description: 'Erstelle mit diesem Plugin eine schrittweise Aufgabenlösung.'
}export const multimediaExplanationState = (multimediaPlugins: PluginRegistry) =>
object({
explanation: child('rows'),
multimedia: child(multimediaPlugins[0].name),
illustrating: boolean(true),
width: number(50) //percent
})import { child, Plugin } from '@edtr-io/plugin'
import { ImportantStatementRenderer } from './renderer'
export const importantStatementState = child()
export const importantStatementPlugin: Plugin<
typeof importantStatementState
> = {
Component: ImportantStatementRenderer,
state: importantStatementState,
title: 'Merksatz'
}import { createIcon, faCheckSquare } from '@edtr-io/ui'
import { SolutionStepsEditor } from './editor'
export const solutionStep = object({
type: string('step'),
isHalf: boolean(),
content: child('rows')
})
export const solutionStepsState = object({
introduction: child('text'),
strategy: child('rows'),
hasStrategy: boolean(),
solutionSteps: list(solutionStep),
additionals: child('rows'),
hasAdditionals: boolean()
})
export const solutionStepsPlugin: Plugin = {
Component: SolutionStepsEditor,
state: solutionStepsState,
icon: createIcon(faCheckSquare),
title: 'Lösungschritte',
description: 'Erstelle mit diesem Plugin eine schrittweise Aufgabenlösung.'
}import { child, object, list, Plugin, string, boolean } from '@edtr-io/plugin'
import { createIcon, faCheckSquare } from '@edtr-io/ui'
import { SolutionStepsEditor } from './editor'
export const solutionStep = object({
type: string('step'),
isHalf: boolean(),
content: child('rows')
})
export const solutionStepsState = object({
introduction: child('text'),
strategy: child('rows'),
hasStrategy: boolean(),
solutionSteps: list(solutionStep),
additionals: child('rows'),
hasAdditionals: boolean()
})
export const solutionStepsPlugin: Plugin = {
Component: SolutionStepsEditor,
state: solutionStepsState,
icon: createIcon(faCheckSquare),
title: 'Lösungschritte',import { child, object, list, Plugin, string, boolean } from '@edtr-io/plugin'
import { createIcon, faCheckSquare } from '@edtr-io/ui'
import { SolutionStepsEditor } from './editor'
export const solutionStep = object({
type: string('step'),
isHalf: boolean(),
content: child('rows')
})
export const solutionStepsState = object({
introduction: child('text'),
strategy: child('rows'),
hasStrategy: boolean(),
solutionSteps: list(solutionStep),
additionals: child('rows'),
hasAdditionals: boolean()
})
export const solutionStepsPlugin: Plugin = {
Component: SolutionStepsEditor,
state: solutionStepsState,
icon: createIcon(faCheckSquare),
title: 'Lösungschritte',
description: 'Erstelle mit diesem Plugin eine schrittweise Aufgabenlösung.'
}
