diff --git a/ts/editor/BUILD.bazel b/ts/editor/BUILD.bazel index 1b1b391fa..92ce959a2 100644 --- a/ts/editor/BUILD.bazel +++ b/ts/editor/BUILD.bazel @@ -59,7 +59,6 @@ copy_bootstrap_icons( "mic.svg", # block formatting - "paragraph.svg", "list-ul.svg", "list-ol.svg", "text-paragraph.svg", diff --git a/ts/editor/formatBlock.ts b/ts/editor/formatBlock.ts index 785971aff..9810ee1d4 100644 --- a/ts/editor/formatBlock.ts +++ b/ts/editor/formatBlock.ts @@ -17,9 +17,8 @@ import { withDropdownMenu, } from "editor-toolbar/dynamicComponents"; -import { getListItem, getParagraph } from "./helpers"; +import { getListItem } from "./helpers"; -import paragraphIcon from "./paragraph.svg"; import ulIcon from "./list-ul.svg"; import olIcon from "./list-ol.svg"; import listOptionsIcon from "./text-paragraph.svg"; @@ -46,23 +45,6 @@ const indentListItem = () => { } }; -const toggleParagraph = (): void => { - const currentField = document.activeElement as EditingArea; - const paragraph = getParagraph(currentField.shadowRoot!); - - if (!paragraph) { - document.execCommand("formatBlock", false, "p"); - } else { - paragraph.insertAdjacentElement("beforeend", document.createElement("br")); - paragraph.replaceWith(...paragraph.childNodes); - } -}; - -const checkForParagraph = (): boolean => { - const currentField = document.activeElement as EditingArea; - return Boolean(getParagraph(currentField.shadowRoot!)); -}; - export function getFormatBlockMenus(): (DynamicSvelteComponent & ButtonDropdownProps)[] { const justifyLeftButton = commandIconButton({ @@ -126,14 +108,6 @@ export function getFormatBlockMenus(): (DynamicSvelteComponent & ButtonGroupProps { - const paragraphButton = commandIconButton({ - icon: paragraphIcon, - command: "formatBlock", - onClick: toggleParagraph, - onUpdate: checkForParagraph, - tooltip: tr.editingParagraph(), - }); - const ulButton = commandIconButton({ icon: ulIcon, command: "insertUnorderedList", @@ -157,6 +131,6 @@ export function getFormatBlockGroup(): DynamicSvelteComponent