diff --git a/ts/editor/ClozeButton.svelte b/ts/editor/ClozeButton.svelte
index a6e5da7d5..e5fa9f934 100644
--- a/ts/editor/ClozeButton.svelte
+++ b/ts/editor/ClozeButton.svelte
@@ -5,6 +5,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 <script lang="typescript">
     import * as tr from "lib/i18n";
     import { disabledKey } from "components/contextKeys";
+    import { inCodableKey } from "./contextKeys";
 
     import IconButton from "components/IconButton.svelte";
     import WithShortcut from "components/WithShortcut.svelte";
@@ -45,13 +46,15 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
 <WithShortcut shortcut={"Control+Alt?+Shift+C"} let:createShortcut let:shortcutLabel>
     <WithContext key={disabledKey} let:context={disabled}>
-        <IconButton
-            tooltip={`${tr.editingClozeDeletion()} (${shortcutLabel})`}
-            {disabled}
-            on:click={onCloze}
-            on:mount={createShortcut}
-        >
-            {@html bracketsIcon}
-        </IconButton>
+        <WithContext key={inCodableKey} let:context={inCodable}>
+            <IconButton
+                tooltip={`${tr.editingClozeDeletion()} (${shortcutLabel})`}
+                disabled={inCodable || disabled}
+                on:click={onCloze}
+                on:mount={createShortcut}
+            >
+                {@html bracketsIcon}
+            </IconButton>
+        </WithContext>
     </WithContext>
 </WithShortcut>
diff --git a/ts/editor/TemplateButtons.svelte b/ts/editor/TemplateButtons.svelte
index 69092c813..198f94a87 100644
--- a/ts/editor/TemplateButtons.svelte
+++ b/ts/editor/TemplateButtons.svelte
@@ -82,18 +82,22 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     </ButtonGroupItem>
 
     <ButtonGroupItem id="cloze">
-        <ClozeButton />
+        <OnlyEditable>
+            <ClozeButton />
+        </OnlyEditable>
     </ButtonGroupItem>
 
     <ButtonGroupItem>
         <WithDropdownMenu let:createDropdown let:menuId>
             <WithContext key={disabledKey} let:context={disabled}>
-                <IconButton
-                    {disabled}
-                    on:mount={(event) => createDropdown(event.detail.button)}
-                >
-                    {@html functionIcon}
-                </IconButton>
+                <OnlyEditable let:disabled={inCodable}>
+                    <IconButton
+                        disabled={disabled || inCodable}
+                        on:mount={(event) => createDropdown(event.detail.button)}
+                    >
+                        {@html functionIcon}
+                    </IconButton>
+                </OnlyEditable>
             </WithContext>
 
             <DropdownMenu id={menuId}>