Read-only cell tag

book/_toc.yml

@@ -499,6 +499,7 @@ parts:
         - file: cookbook/benchmarks/benchmark_load.ipynb
         - file: cookbook/benchmarks/benchmark_noexec.ipynb
         - file: cookbook/benchmarks/benchmark_figures.ipynb
+        - file: cookbook/benchmarks/benchmark_readonly.ipynb
 
  # Coding
   - caption: Coding (Last Year)

book/cookbook/benchmarks/benchmark_readonly.ipynb

+{
+ "cells": [
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "# Benchmarks: read only\n",
+    "\n",
+    "This page includes benchmarks for the read-only tag. This tag allows you to make code cells read only."
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {
+    "tags": [
+     "read-only"
+    ]
+   },
+   "outputs": [],
+   "source": [
+    "print(\"You can run me, but you can't touch me!\")"
+   ]
+  }
+ ],
+ "metadata": {
+  "celltoolbar": "Tags",
+  "kernelspec": {
+   "display_name": "Python 3 (ipykernel)",
+   "language": "python",
+   "name": "python3"
+  },
+  "language_info": {
+   "codemirror_mode": {
+    "name": "ipython",
+    "version": 3
+   },
+   "file_extension": ".py",
+   "mimetype": "text/x-python",
+   "name": "python",
+   "nbconvert_exporter": "python",
+   "pygments_lexer": "ipython3",
+   "version": "3.10.6"
+  },
+  "vscode": {
+   "interpreter": {
+    "hash": "916dbcbb3f70747c44a77c7bcd40155683ae19c65e1c03b4aa3499c5328201f1"
+   }
+  }
+ },
+ "nbformat": 4,
+ "nbformat_minor": 2
+}

thebe_lite/_static/sphinx-thebe.js

@@ -386,6 +386,15 @@ function setupSpecialTaggedElements() {
       
         break;
       }
+      case "read-only": {
+        const codemirror = taggedElement.element.querySelector(".CodeMirror");
+        codemirror.style.filter = "brightness(90%)";
+        
+        const textarea = taggedElement.element.querySelector("textarea");
+        textarea.setAttribute("disabled", "true");
+
+        break;
+      }
       default: {
         console.error(`Unrecognized special tag: ${taggedElement.tag}`);
       }
@@ -424,6 +433,8 @@ var initThebe = async () => {
   modifyDOMForThebe();
   await thebelab.bootstrap(thebeLiteConfig);
 
+  setupSpecialTaggedElements();
+
   document.querySelectorAll(".keep").forEach((kept, _) => {
     //console.log(Object.valueskept.previousClasses);
     Object.values(kept.previousClasses).forEach((clas, _) =>
@@ -468,7 +479,6 @@ var initThebe = async () => {
     code: `import ipykernel; ipykernel.version_info = (0,0); import micropip; await micropip.install("ipywidgets")`,
   }).done;
   updateThebeButtonStatus("Running pre-intialized cells...");
-  setupSpecialTaggedElements();
 
   await runInitCells();
 
@@ -498,6 +508,13 @@ function handleThebeRemoveInputTag(element) {
   element.classList.add("tag_thebe-init");
 }
 
+function handleReadOnlyTag(element) {
+  window.specialTaggedElements.push({
+    tag: "read-only",
+    element: element
+  });
+}
+
 function handleDisableExecutionTag(element) {
   $(".dropdown-launch-buttons").remove();
 }
@@ -545,6 +562,7 @@ function consumeSpecialTags() {
     { tag: "auto-execute-page", handler: handleAutoExecuteTag },
     { tag: "disable-execution-cell", handler: handleDisableExecutionCellTag },
     { tag: "thebe-remove-input-init", handler: handleThebeRemoveInputTag },
+    { tag: "read-only", handler: handleReadOnlyTag }
   ];
 
   window.specialTaggedElements = [];
@@ -572,3 +590,4 @@ Promise.all(styleLoading).then(() => {
     });
   }
 });
+  
\ No newline at end of file