Настя Котова // Frontend & Node.js

This media is not supported in your browser

VIEW IN TELEGRAM

Как сделать свой контент интерактивным?

contenteditable — это атрибут HTML, который можно добавить к любому элементу, чтобы сделать его редактируемым. Когда этот атрибут установлен, пользователь может кликнуть по элементу и начать вносить изменения в текстовое содержимое.

export const EditableRow: FC = () => {
  return (
    <p className="EditableRow" contentEditable="true">
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
      nibh euismod tincidunt ut laoreet dolore magna aliquam erat.
    </p>
  );
};

Часто это свойство используют для реализации собственных текстовых редакторов или какого-то специфичного интерфейсного решения, связанного с редактированием. Но, конечно, не стоит забывать, что для обычных форм с заполнением данных лучше всего подходят нативные теги input и textarea.

www.tgoop.com/startpoint_dev/106

247 viewsAnastasia Kotova, Nov 1, 2024 at 11:38

Как сделать свой контент интерактивным?

contenteditable — это атрибут HTML, который можно добавить к любому элементу, чтобы сделать его редактируемым. Когда этот атрибут установлен, пользователь может кликнуть по элементу и начать вносить изменения в текстовое содержимое.

export const EditableRow: FC = () => {
  return (
    <p className="EditableRow" contentEditable="true">
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
      nibh euismod tincidunt ut laoreet dolore magna aliquam erat.
    </p>
  );
};

BY Настя Котова // Frontend & Node.js