@potok/editor

Editor example:

const Editor = require('./Editor').default;

<Editor
  // defaultText="<u>default text</u>"
  // showPrompt
  onChange={data => console.log(' API > ', data)}
  showTemplateSelector
  templateOptions={[
    {
      text: 'Эксперт по обслуживанию клиентов',
      value: 'Эксперт по обслуживанию клиентов',
      description:
        'Наши ожидания: • Хорошие коммуникативные навыки и грамотная речь; • Желание обучаться и развиваться в Банковской сфере; • Знание ПК (Word, Excel). Ваши задачи: • Исходящие звонки для проверки данных Клиента; • Выявление мошеннических действия со стороны Клиентов; • Проверка документов Клиентов на комплектность и подлинность. Наше предложение: • Перспективы роста и развития в крупном Банке; • Лучшие программы обучения; • Работа в дружной команде профессионалов; • Доход будет состоять из стабильного оклада и премии по результатам работы. О наличии вакансии уточняйте дополнительно',
    },
    {
      text: 'Менеджер',
      value: 'Менеджер',
      description:
        'Наши ожидания: • Хорошие коммуникативные навыки и грамотная речь; • Желание помогать клиентам Банка в решение сложных вопросов; • Желание обучаться и развиваться в Банковской сфере; • Знание ПК (Word, Excel). Ваши задачи: • Консультирование Клиентов по вопросам банковских продуктов; • Решение вопросов Клиентов Банка по телефону; • Ведение отчетности. Наше предложение: • Перспективы роста и развития в крупном Банке; • Лучшие программы обучения; • Работа в дружной команде профессионалов; • Доход будет состоять из стабильного оклада и премии по результатам работы. О наличии вакансии уточняйте дополнительно',
    },
  ]}
  templateValue="privet"
  users={[
    {
      email: '[e-mail]',
      name: 'Томашевская Администратор',
      id: 918,
      avatar: 'https://dev.stagings.potok.io/uploads/user/avatar/918/Chuk.jpg',
    },
    {
      email: '[e-mail]',
      name: '[e-mail]',
      id: 913,
      avatar:
        'https://dev.stagings.potok.io/uploads/user/avatar/913/Swiss_3.jpg',
    },
    {
      email: '[e-mail]',
      name: '[e-mail]',
      id: 1035,
      avatar: '/dummy/avatar.jpg',
    },
    {
      email: '[e-mail]',
      name: 'Менджер',
      id: 917,
      avatar: 'https://dev.stagings.potok.io/uploads/user/avatar/918/Chuk.jpg',
    },
    {
      email: '[e-mail]',
      name: 'Chief Povar',
      id: 912,
      avatar:
        'https://dev.stagings.potok.io/uploads/user/avatar/913/Swiss_3.jpg',
    },
    {
      email: '[e-mail]',
      name: 'Директор управления оптимизациями технологических процессов',
      id: 1034,
      avatar: '/dummy/avatar.jpg',
    },
  ]}
  variables={[
    {
      id: 'APPLICANT_NAME',
      name: 'ФИО кандидата',
    },
    {
      id: 'APPLICANT_FIRST_NAME',
      name: 'имя кандидата',
    },
    {
      id: 'APPLICANT_LAST_NAME',
      name: 'фамилия кандидата',
    },
    {
      id: 'APPLICANT_MIDDLE_NAME',
      name: 'отчество кандидата',
    },
    {
      id: 'JOB_NAME',
      name: 'название вакансии',
    },
    {
      id: 'SELF_NAME',
      name: 'моё имя',
    },
    {
      id: 'COMPANY_NAME',
      name: 'название компании',
    },
    {
      id: 'JOB_LINK',
      name: 'ссылка на вакансию',
    },
  ]}
/>;