Здравствуйте, Alekzander, Вы писали:

A>Я не архитектор, но вынес бы контент в отдельный DSL (оставив для совместимости нынешнюю инлайновую форму), на котором можно было при помощи языка селекторов привязывать к нодам plaintext- и markdown-секции (и, может быть, шаблоны (<template>), но я не уверен насчёт безопасности). markdown тут потому, что контент это очень часто мини-разметка.

Вы пишете где то из нулевых.

Всё уже украдено до вас. Есть семантическая разметка/верстка. Контент размечаете соответсвующим образом, не дивами-тегами, а внятными конструкциями, хоть json, хоть что угодно.
Все что вам надо — написать контрол, который будет отображать такое

const license = ({doc}) => (
    <article data={doc}>
            <title>{doc.title}</title>
            <caption>{doc.caption}</caption>
            <intro>{doc.intro}</>
            <main data={doc.main} />
            <outro>{doc.outro}</outro>
            <references data={doc.references}/>
    </article>
);

...

<license doc={exampleLicenseData}>
...

const exampleLicenseData = {
  title: "Sample License",
  caption: "A brief overview of the license terms",
  intro: "This is the introduction to the license.",
  main: [
    "First paragraph of the license content.",
    "Second paragraph of the license content."
  ],
  outro: "This concludes the license terms.",
  references: [
    "Reference 1",
    "Reference 2"
  ]
};

Здравствуйте, Alekzander, Вы писали:

A>Я не архитектор, но вынес бы контент в отдельный DSL (оставив для совместимости нынешнюю инлайновую форму), на котором можно было при помощи языка селекторов привязывать к нодам plaintext- и markdown-секции (и, может быть, шаблоны (<template>), но я не уверен насчёт безопасности). markdown тут потому, что контент это очень часто мини-разметка.

Вы пишете где то из нулевых.

Всё уже украдено до вас. Есть семантическая разметка/верстка. Контент размечаете соответсвующим образом, не дивами-тегами, а внятными конструкциями, хоть json, хоть что угодно.
Все что вам надо — написать контрол, который будет отображать такое

const license = ({doc}) => (
    <article data={doc}>
            <title>{doc.title}</title>
            <caption>{doc.caption}</caption>
            <intro>{doc.intro}</>
            <main data={doc.main} />
            <outro>{doc.outro}</outro>
            <references data={doc.references}/>
    </article>
);

...

<license doc={exampleLicenseData}>
...

const exampleLicenseData = {
  title: "Sample License",
  caption: "A brief overview of the license terms",
  intro: "This is the introduction to the license.",
  main: [
    "First paragraph of the license content.",
    "Second paragraph of the license content."
  ],
  outro: "This concludes the license terms.",
  references: [
    "Reference 1",
    "Reference 2"
  ]
};

Т.е. так или иначе вам нужно разметить контент, указать, какие там семантические блоки, их функциональное назначение.

А далее вы под эту разметку подкидываете контролы.