substance/test/fixture/nestedContainers.js

Substance is a JavaScript library for web-based content editing. It provides building blocks for realizing custom text editors and web-based publishing systems.

export default function nestedContainers(tx) {
  var body = tx.get('body')

  var p1 = tx.create({
    type: 'paragraph',
    id: 'p1',
    content: 'ABCDEF'
  })
  body.show(p1)

  var c1 = tx.create({
    type: 'container',
    id: 'c1',
    nodes: []
  })
  var c1p1 = tx.create({
    type: 'paragraph',
    id: 'c1_p1',
    content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
  })
  c1.show(c1p1)

  var c2 = tx.create({
    type: 'container',
    id: 'c2',
    nodes: []
  })
  var c2p1 = tx.create({
    type: 'paragraph',
    id: 'c2_p1',
    content: 'Nunc turpis erat, sodales id aliquet eget, rutrum vel libero.'
  })
  c2.show(c2p1)
  c1.show(c2)

  var c1p2 = tx.create({
    type: 'paragraph',
    id: 'c1_p2',
    content: 'Donec dapibus vel leo sit amet auctor. Curabitur at diam urna.'
  })
  c1.show(c1p2)
  body.show(c1)

  var p2 = tx.create({
    type: 'paragraph',
    id: 'p2',
    content: 'ABCDEF'
  })
  body.show(p2)
}