first commit

common/resources/client/text-editor/menubar/clear-format-button.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import clsx from 'clsx';
+import {FormatClearIcon} from '../../icons/material/FormatClear';
+import {IconButton} from '../../ui/buttons/icon-button';
+import {MenubarButtonProps} from './menubar-button-props';
+import {Tooltip} from '@common/ui/tooltip/tooltip';
+import {Trans} from '@common/i18n/trans';
+
+export function ClearFormatButton({editor, size}: MenubarButtonProps) {
+  return (
+    <Tooltip label={<Trans message="Clear formatting" />}>
+      <IconButton
+        className={clsx('flex-shrink-0')}
+        size={size}
+        onClick={() => {
+          editor.chain().focus().clearNodes().unsetAllMarks().run();
+        }}
+      >
+        <FormatClearIcon />
+      </IconButton>
+    </Tooltip>
+  );
+}