diff --git a/demos/qwebr-auto-run.html b/demos/qwebr-auto-run.html
index 389f44b..3fa5f6d 100644
--- a/demos/qwebr-auto-run.html
+++ b/demos/qwebr-auto-run.html
@@ -233,6 +233,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -392,7 +401,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"options":{"results":"markup","fig-cap":"","context":"interactive","editor-word-wrap":"true","message":"true","output":"true","comment":"","fig-height":5,"out-width":"700px","out-height":"","label":"unnamed-chunk-1","autorun":"false","editor-quick-suggestions":"false","editor-max-height":"","read-only":"false","dpi":72,"fig-width":7,"classes":"","warning":"true","editor-font-scale":"1"},"code":"# Write your name here by replace ___\nname <- \"_____\"\nprint(paste0(\"Hello, \", name, \"!\"))","id":1},{"options":{"results":"markup","fig-cap":"","context":"interactive","editor-word-wrap":"true","message":"true","output":"true","comment":"","fig-height":5,"out-width":"700px","out-height":"","label":"unnamed-chunk-2","autorun":"true","editor-quick-suggestions":"false","editor-max-height":"","read-only":"false","dpi":72,"fig-width":7,"classes":"","warning":"true","editor-font-scale":"1"},"code":"# Write your name here by replace ___\nname <- \"_____\"\nprint(paste0(\"Hello, \", name, \"!\"))","id":2},{"options":{"results":"markup","fig-cap":"","context":"output","editor-word-wrap":"true","message":"true","output":"true","comment":"","fig-height":5,"out-width":"700px","out-height":"","label":"unnamed-chunk-3","autorun":"true","editor-quick-suggestions":"false","editor-max-height":"","read-only":"false","dpi":72,"fig-width":7,"classes":"","warning":"true","editor-font-scale":"1"},"code":"data(\"gapminder\", package = \"gapminder\")\nhead(gapminder)","id":3},{"options":{"results":"markup","fig-cap":"","context":"output","editor-word-wrap":"true","message":"true","output":"true","comment":"","fig-height":"3","out-width":"500px","out-height":"","label":"unnamed-chunk-4","autorun":"true","editor-quick-suggestions":"false","editor-max-height":"","read-only":"false","dpi":72,"fig-width":"5","classes":"","warning":"true","editor-font-scale":"1"},"code":"ggplot(gapminder, aes(lifeExp)) + \n geom_density(aes(fill=continent), alpha=1/4) + theme_bw() ","id":4},{"options":{"results":"markup","fig-cap":"","context":"interactive","editor-word-wrap":"true","message":"true","output":"true","comment":"","fig-height":"3","out-width":"500px","out-height":"","label":"unnamed-chunk-5","autorun":"true","editor-quick-suggestions":"false","editor-max-height":"","read-only":"false","dpi":72,"fig-width":"5","classes":"","warning":"true","editor-font-scale":"1"},"code":"ggplot(gapminder, aes(lifeExp)) + \n  theme_bw() ","id":5}];
+globalThis.qwebrCellDetails = [{"id":1,"options":{"dpi":72,"fig-cap":"","out-height":"","out-width":"700px","label":"unnamed-chunk-1","editor-font-scale":"1","results":"markup","editor-word-wrap":"true","output":"true","read-only":"false","fig-width":7,"fig-height":5,"comment":"","classes":"","editor-quick-suggestions":"false","message":"true","context":"interactive","editor-max-height":"","autorun":"false","warning":"true"},"code":"# Write your name here by replace ___\nname <- \"_____\"\nprint(paste0(\"Hello, \", name, \"!\"))"},{"id":2,"options":{"dpi":72,"fig-cap":"","out-height":"","out-width":"700px","label":"unnamed-chunk-2","editor-font-scale":"1","results":"markup","editor-word-wrap":"true","output":"true","read-only":"false","fig-width":7,"fig-height":5,"comment":"","classes":"","editor-quick-suggestions":"false","message":"true","context":"interactive","editor-max-height":"","autorun":"true","warning":"true"},"code":"# Write your name here by replace ___\nname <- \"_____\"\nprint(paste0(\"Hello, \", name, \"!\"))"},{"id":3,"options":{"dpi":72,"fig-cap":"","out-height":"","out-width":"700px","label":"unnamed-chunk-3","editor-font-scale":"1","results":"markup","editor-word-wrap":"true","output":"true","read-only":"false","fig-width":7,"fig-height":5,"comment":"","classes":"","editor-quick-suggestions":"false","message":"true","context":"output","editor-max-height":"","autorun":"true","warning":"true"},"code":"data(\"gapminder\", package = \"gapminder\")\nhead(gapminder)"},{"id":4,"options":{"dpi":72,"fig-cap":"","out-height":"","out-width":"500px","label":"unnamed-chunk-4","editor-font-scale":"1","results":"markup","editor-word-wrap":"true","output":"true","read-only":"false","fig-width":"5","fig-height":"3","comment":"","classes":"","editor-quick-suggestions":"false","message":"true","context":"output","editor-max-height":"","autorun":"true","warning":"true"},"code":"ggplot(gapminder, aes(lifeExp)) + \n geom_density(aes(fill=continent), alpha=1/4) + theme_bw() "},{"id":5,"options":{"dpi":72,"fig-cap":"","out-height":"","out-width":"500px","label":"unnamed-chunk-5","editor-font-scale":"1","results":"markup","editor-word-wrap":"true","output":"true","read-only":"false","fig-width":"5","fig-height":"3","comment":"","classes":"","editor-quick-suggestions":"false","message":"true","context":"interactive","editor-max-height":"","autorun":"true","warning":"true"},"code":"ggplot(gapminder, aes(lifeExp)) + \n  theme_bw() "}];
 
 </script>
 <script type="module">
@@ -1903,6 +1912,12 @@ <h2 id="toc-title">On this page</h2>
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1956,7 +1971,7 @@ <h2 id="toc-title">On this page</h2>
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1982,6 +1997,56 @@ <h2 id="toc-title">On this page</h2>
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/demos/qwebr-code-cell-options.html b/demos/qwebr-code-cell-options.html
index 26fffd3..743bbdc 100644
--- a/demos/qwebr-code-cell-options.html
+++ b/demos/qwebr-code-cell-options.html
@@ -233,6 +233,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -392,7 +401,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"options":{"output":"true","editor-quick-suggestions":"false","out-height":"","fig-width":7,"autorun":"false","comment":"","editor-word-wrap":"true","read-only":"false","fig-height":5,"context":"interactive","editor-font-scale":"1","message":"true","classes":"","fig-cap":"","editor-max-height":"","warning":"true","label":"unnamed-chunk-1","out-width":"700px","results":"markup","dpi":72},"code":"# Write your name here by replace ___\nname <- \"_____\"\nprint(paste0(\"Hello, \", name, \"!\"))","id":1},{"options":{"output":"true","editor-quick-suggestions":"false","out-height":"","fig-width":7,"autorun":"true","comment":"","editor-word-wrap":"true","read-only":"false","fig-height":5,"context":"setup","editor-font-scale":"1","message":"true","classes":"","fig-cap":"","editor-max-height":"","warning":"true","label":"unnamed-chunk-2","out-width":"700px","results":"markup","dpi":72},"code":" \n# Generating a simple table\ndata <- data.frame(\n  Name = c(\"Alice\", \"Bob\", \"Charlie\"),\n  Age = c(25, 30, 22)\n)","id":2},{"options":{"output":"true","editor-quick-suggestions":"false","out-height":"","fig-width":7,"autorun":"false","comment":"","editor-word-wrap":"true","read-only":"false","fig-height":5,"context":"interactive","editor-font-scale":"1","message":"true","classes":"","fig-cap":"","editor-max-height":"","warning":"true","label":"unnamed-chunk-3","out-width":"700px","results":"asis","dpi":72},"code":"knitr::kable(data, \"html\")","id":3},{"options":{"output":"true","editor-quick-suggestions":"false","out-height":"","fig-width":7,"autorun":"false","comment":"","editor-word-wrap":"true","read-only":"false","fig-height":5,"context":"interactive","editor-font-scale":"1","message":"true","classes":"","fig-cap":"","editor-max-height":"","warning":"true","label":"unnamed-chunk-4","out-width":"700px","results":"markup","dpi":72},"code":"knitr::kable(data, \"html\")","id":4},{"options":{"output":"true","editor-quick-suggestions":"false","out-height":"","fig-width":"6","autorun":"true","comment":"","editor-word-wrap":"true","read-only":"false","fig-height":"6","context":"output","editor-font-scale":"1","message":"true","classes":"","fig-cap":"","editor-max-height":"","warning":"true","label":"unnamed-chunk-5","out-width":"700px","results":"markup","dpi":72},"code":"\ntinyplot::tinyplot(\n  ~ Petal.Length | Species,\n  data = iris,\n  type = \"density\",\n  palette = \"dark\", fill = \"by\",\n  grid = TRUE,\n  main = \"Distribution of petal lengths by species\"\n)","id":5},{"options":{"output":"true","editor-quick-suggestions":"false","out-height":"","fig-width":7,"autorun":"true","comment":"","editor-word-wrap":"true","read-only":"false","fig-height":5,"context":"output","editor-font-scale":"1","message":"true","classes":"","fig-cap":"","editor-max-height":"","warning":"true","label":"unnamed-chunk-6","out-width":"700px","results":"markup","dpi":72},"code":"\ntinyplot::tinyplot(\n  ~ Petal.Length | Species,\n  data = iris,\n  type = \"density\",\n  palette = \"dark\", fill = \"by\",\n  grid = TRUE,\n  main = \"Distribution of petal lengths by species\"\n)","id":6},{"options":{"output":"true","editor-quick-suggestions":"false","out-height":"500px","fig-width":"6","autorun":"true","comment":"","editor-word-wrap":"true","read-only":"false","fig-height":"6","context":"output","editor-font-scale":"1","message":"true","classes":"","fig-cap":"","editor-max-height":"","warning":"true","label":"unnamed-chunk-7","out-width":"500px","results":"markup","dpi":72},"code":"tinyplot::tinyplot(\n  ~ Petal.Length | Species,\n  data = iris,\n  type = \"density\",\n  palette = \"dark\", fill = \"by\",\n  grid = TRUE,\n  main = \"Distribution of petal lengths by species\"\n)","id":7}];
+globalThis.qwebrCellDetails = [{"options":{"fig-cap":"","editor-word-wrap":"true","out-width":"700px","comment":"","dpi":72,"fig-width":7,"results":"markup","warning":"true","label":"unnamed-chunk-1","editor-quick-suggestions":"false","context":"interactive","editor-max-height":"","read-only":"false","message":"true","output":"true","autorun":"false","classes":"","editor-font-scale":"1","fig-height":5,"out-height":""},"code":"# Write your name here by replace ___\nname <- \"_____\"\nprint(paste0(\"Hello, \", name, \"!\"))","id":1},{"options":{"fig-cap":"","editor-word-wrap":"true","out-width":"700px","comment":"","dpi":72,"fig-width":7,"results":"markup","warning":"true","label":"unnamed-chunk-2","editor-quick-suggestions":"false","context":"setup","editor-max-height":"","read-only":"false","message":"true","output":"true","autorun":"true","classes":"","editor-font-scale":"1","fig-height":5,"out-height":""},"code":" \n# Generating a simple table\ndata <- data.frame(\n  Name = c(\"Alice\", \"Bob\", \"Charlie\"),\n  Age = c(25, 30, 22)\n)","id":2},{"options":{"fig-cap":"","editor-word-wrap":"true","out-width":"700px","comment":"","dpi":72,"fig-width":7,"results":"asis","warning":"true","label":"unnamed-chunk-3","editor-quick-suggestions":"false","context":"interactive","editor-max-height":"","read-only":"false","message":"true","output":"true","autorun":"false","classes":"","editor-font-scale":"1","fig-height":5,"out-height":""},"code":"knitr::kable(data, \"html\")","id":3},{"options":{"fig-cap":"","editor-word-wrap":"true","out-width":"700px","comment":"","dpi":72,"fig-width":7,"results":"markup","warning":"true","label":"unnamed-chunk-4","editor-quick-suggestions":"false","context":"interactive","editor-max-height":"","read-only":"false","message":"true","output":"true","autorun":"false","classes":"","editor-font-scale":"1","fig-height":5,"out-height":""},"code":"knitr::kable(data, \"html\")","id":4},{"options":{"fig-cap":"","editor-word-wrap":"true","out-width":"700px","comment":"","dpi":72,"fig-width":"6","results":"markup","warning":"true","label":"unnamed-chunk-5","editor-quick-suggestions":"false","context":"output","editor-max-height":"","read-only":"false","message":"true","output":"true","autorun":"true","classes":"","editor-font-scale":"1","fig-height":"6","out-height":""},"code":"\ntinyplot::tinyplot(\n  ~ Petal.Length | Species,\n  data = iris,\n  type = \"density\",\n  palette = \"dark\", fill = \"by\",\n  grid = TRUE,\n  main = \"Distribution of petal lengths by species\"\n)","id":5},{"options":{"fig-cap":"","editor-word-wrap":"true","out-width":"700px","comment":"","dpi":72,"fig-width":7,"results":"markup","warning":"true","label":"unnamed-chunk-6","editor-quick-suggestions":"false","context":"output","editor-max-height":"","read-only":"false","message":"true","output":"true","autorun":"true","classes":"","editor-font-scale":"1","fig-height":5,"out-height":""},"code":"\ntinyplot::tinyplot(\n  ~ Petal.Length | Species,\n  data = iris,\n  type = \"density\",\n  palette = \"dark\", fill = \"by\",\n  grid = TRUE,\n  main = \"Distribution of petal lengths by species\"\n)","id":6},{"options":{"fig-cap":"","editor-word-wrap":"true","out-width":"500px","comment":"","dpi":72,"fig-width":"6","results":"markup","warning":"true","label":"unnamed-chunk-7","editor-quick-suggestions":"false","context":"output","editor-max-height":"","read-only":"false","message":"true","output":"true","autorun":"true","classes":"","editor-font-scale":"1","fig-height":"6","out-height":"500px"},"code":"tinyplot::tinyplot(\n  ~ Petal.Length | Species,\n  data = iris,\n  type = \"density\",\n  palette = \"dark\", fill = \"by\",\n  grid = TRUE,\n  main = \"Distribution of petal lengths by species\"\n)","id":7}];
 
 </script>
 <script type="module">
@@ -1905,6 +1914,12 @@ <h2 id="toc-title">On this page</h2>
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1958,7 +1973,7 @@ <h2 id="toc-title">On this page</h2>
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1984,6 +1999,56 @@ <h2 id="toc-title">On this page</h2>
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/demos/qwebr-custom-repository.html b/demos/qwebr-custom-repository.html
index d4aaf3e..b711a8a 100644
--- a/demos/qwebr-custom-repository.html
+++ b/demos/qwebr-custom-repository.html
@@ -233,6 +233,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -392,7 +401,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"code":"# Check to see if the function works\ndemorwasmbinary::in_webr()\n\n# View help documentation\n?demorwasmbinary::in_webr","id":1,"options":{"fig-width":7,"editor-word-wrap":"true","message":"true","classes":"","output":"true","comment":"","read-only":"false","autorun":"false","context":"interactive","warning":"true","label":"unnamed-chunk-1","fig-height":5,"dpi":72,"editor-max-height":"","fig-cap":"","results":"markup","out-width":"700px","out-height":"","editor-font-scale":"1","editor-quick-suggestions":"false"}}];
+globalThis.qwebrCellDetails = [{"id":1,"code":"# Check to see if the function works\ndemorwasmbinary::in_webr()\n\n# View help documentation\n?demorwasmbinary::in_webr","options":{"editor-font-scale":"1","fig-cap":"","label":"unnamed-chunk-1","editor-word-wrap":"true","fig-width":7,"comment":"","out-width":"700px","out-height":"","classes":"","editor-quick-suggestions":"false","context":"interactive","read-only":"false","fig-height":5,"output":"true","message":"true","warning":"true","dpi":72,"autorun":"false","results":"markup","editor-max-height":""}}];
 
 </script>
 <script type="module">
@@ -1903,6 +1912,12 @@ <h2 id="toc-title">On this page</h2>
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1956,7 +1971,7 @@ <h2 id="toc-title">On this page</h2>
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1982,6 +1997,56 @@ <h2 id="toc-title">On this page</h2>
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/demos/qwebr-editor-options.html b/demos/qwebr-editor-options.html
index 8070b4f..85824b6 100644
--- a/demos/qwebr-editor-options.html
+++ b/demos/qwebr-editor-options.html
@@ -233,6 +233,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -392,7 +401,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"id":1,"code":"fit = lm(mpg ~ am, data = mtcars)\n\nconfint(fit)","options":{"results":"markup","read-only":"false","editor-word-wrap":"true","editor-font-scale":"1","editor-quick-suggestions":"false","context":"interactive","fig-height":5,"fig-width":7,"label":"unnamed-chunk-1","classes":"","out-width":"700px","output":"true","comment":"","warning":"true","message":"true","dpi":72,"fig-cap":"","autorun":"true","editor-max-height":"","out-height":""}},{"id":2,"code":"fit = lm(mpg ~ am, data = mtcars)\n\nconfint(fit)","options":{"results":"markup","read-only":"false","editor-word-wrap":"true","editor-font-scale":"0.5","editor-quick-suggestions":"false","context":"interactive","fig-height":5,"fig-width":7,"label":"unnamed-chunk-2","classes":"","out-width":"700px","output":"true","comment":"","warning":"true","message":"true","dpi":72,"fig-cap":"","autorun":"true","editor-max-height":"","out-height":""}},{"id":3,"code":"fit = lm(mpg ~ am, data = mtcars)\n\nconfint(fit)","options":{"results":"markup","read-only":"false","editor-word-wrap":"true","editor-font-scale":"2","editor-quick-suggestions":"false","context":"interactive","fig-height":5,"fig-width":7,"label":"unnamed-chunk-3","classes":"","out-width":"700px","output":"true","comment":"","warning":"true","message":"true","dpi":72,"fig-cap":"","autorun":"true","editor-max-height":"","out-height":""}},{"id":4,"code":"fit = lm(mpg ~ am, data = mtcars)\n\nconfint(fit)","options":{"results":"markup","read-only":"false","editor-word-wrap":"true","editor-font-scale":"0.95","editor-quick-suggestions":"false","context":"interactive","fig-height":5,"fig-width":7,"label":"unnamed-chunk-4","classes":"","out-width":"700px","output":"true","comment":"","warning":"true","message":"true","dpi":72,"fig-cap":"","autorun":"true","editor-max-height":"","out-height":""}}];
+globalThis.qwebrCellDetails = [{"id":1,"options":{"editor-quick-suggestions":"false","classes":"","read-only":"false","label":"editor-line-numbers","editor-max-height":"","message":"true","comment":"","autorun":"false","dpi":72,"out-width":"700px","fig-cap":"","warning":"true","fig-width":7,"context":"interactive","editor-code-line-numbers":"2-6","output":"true","fig-height":5,"out-height":"","results":"markup","editor-word-wrap":"true","editor-font-scale":"0.95"},"code":"hello_world <- function(age) {\n  if (age > 30) {\n    print('You are old')\n  } else { \n    print('You are young!')\n  }\n}\nhello_age(22)"},{"id":2,"options":{"editor-quick-suggestions":"false","classes":"","read-only":"false","label":"editor-line-number","editor-max-height":"","message":"true","comment":"","autorun":"false","dpi":72,"out-width":"700px","fig-cap":"","warning":"true","fig-width":7,"context":"interactive","editor-code-line-numbers":"2","output":"true","fig-height":5,"out-height":"","results":"markup","editor-word-wrap":"true","editor-font-scale":"0.95"},"code":"\nhello_world <- function(age) {\n  if (age > 30) {\n    print('You are old')\n  } else { \n    print('You are young!')\n  }\n}\nhello_age(22)"},{"id":3,"options":{"editor-quick-suggestions":"false","classes":"","read-only":"false","label":"editor-multiple-line-numbers","editor-max-height":"","message":"true","comment":"","autorun":"false","dpi":72,"out-width":"700px","fig-cap":"","warning":"true","fig-width":7,"context":"interactive","editor-code-line-numbers":"1-3,5","output":"true","fig-height":5,"out-height":"","results":"markup","editor-word-wrap":"true","editor-font-scale":"0.95"},"code":"\nhello_world <- function(age) {\n  if (age > 30) {\n    print('You are old')\n  } else { \n    print('You are young!')\n  }\n}\nhello_age(22)"},{"id":4,"options":{"editor-quick-suggestions":"false","classes":"","read-only":"false","label":"editor-word-wrap-enabled","editor-max-height":"","message":"true","comment":"","autorun":"false","dpi":72,"out-width":"700px","fig-cap":"","warning":"true","fig-width":7,"context":"interactive","output":"true","fig-height":5,"out-height":"","results":"markup","editor-word-wrap":"true","editor-font-scale":"0.95"},"code":"\n# A long line of code that will wrap to the next line in the editor window to avoid horizontal scrolling"},{"id":5,"options":{"editor-quick-suggestions":"false","classes":"","read-only":"false","label":"editor-word-wrap-disabled","editor-max-height":"","message":"true","comment":"","autorun":"false","dpi":72,"out-width":"700px","fig-cap":"","warning":"true","fig-width":7,"context":"interactive","output":"true","fig-height":5,"out-height":"","results":"markup","editor-word-wrap":"false","editor-font-scale":"0.95"},"code":"\n# A long line of code that will **NOT** wrap to the next line in the editor window and will require horizontal scrolling"},{"id":6,"options":{"editor-quick-suggestions":"true","classes":"","read-only":"false","label":"editor-suggestions-enabled","editor-max-height":"","message":"true","comment":"","autorun":"false","dpi":72,"out-width":"700px","fig-cap":"","warning":"true","fig-width":7,"context":"interactive","output":"true","fig-height":5,"out-height":"","results":"markup","editor-word-wrap":"true","editor-font-scale":"0.95"},"code":"\nsupercalifragilisticexpialidocious = 42L\n\n# Try typing super ... \nsu"},{"id":7,"options":{"editor-quick-suggestions":"false","classes":"","read-only":"false","label":"editor-fixed-growth","editor-max-height":"55","message":"true","comment":"","autorun":"false","dpi":72,"out-width":"700px","fig-cap":"","warning":"true","fig-width":7,"context":"interactive","output":"true","fig-height":5,"out-height":"","results":"markup","editor-word-wrap":"true","editor-font-scale":"0.95"},"code":"1 + 1\n\nprint(\"hello\")"},{"id":8,"options":{"editor-quick-suggestions":"false","classes":"","read-only":"false","label":"editor-infinite-growth","editor-max-height":"","message":"true","comment":"","autorun":"false","dpi":72,"out-width":"700px","fig-cap":"","warning":"true","fig-width":7,"context":"interactive","output":"true","fig-height":5,"out-height":"","results":"markup","editor-word-wrap":"true","editor-font-scale":"0.95"},"code":"1 + 1\n\nprint(\"hello\")"},{"id":9,"options":{"editor-quick-suggestions":"false","classes":"","read-only":"false","label":"unnamed-chunk-9","editor-max-height":"","message":"true","comment":"","autorun":"true","dpi":72,"out-width":"700px","fig-cap":"","warning":"true","fig-width":7,"context":"interactive","output":"true","fig-height":5,"out-height":"","results":"markup","editor-word-wrap":"true","editor-font-scale":"1"},"code":"fit = lm(mpg ~ am, data = mtcars)\n\nconfint(fit)"},{"id":10,"options":{"editor-quick-suggestions":"false","classes":"","read-only":"false","label":"unnamed-chunk-10","editor-max-height":"","message":"true","comment":"","autorun":"true","dpi":72,"out-width":"700px","fig-cap":"","warning":"true","fig-width":7,"context":"interactive","output":"true","fig-height":5,"out-height":"","results":"markup","editor-word-wrap":"true","editor-font-scale":"0.5"},"code":"fit = lm(mpg ~ am, data = mtcars)\n\nconfint(fit)"},{"id":11,"options":{"editor-quick-suggestions":"false","classes":"","read-only":"false","label":"unnamed-chunk-11","editor-max-height":"","message":"true","comment":"","autorun":"true","dpi":72,"out-width":"700px","fig-cap":"","warning":"true","fig-width":7,"context":"interactive","output":"true","fig-height":5,"out-height":"","results":"markup","editor-word-wrap":"true","editor-font-scale":"2"},"code":"fit = lm(mpg ~ am, data = mtcars)\n\nconfint(fit)"},{"id":12,"options":{"editor-quick-suggestions":"false","classes":"","read-only":"false","label":"unnamed-chunk-12","editor-max-height":"","message":"true","comment":"","autorun":"true","dpi":72,"out-width":"700px","fig-cap":"","warning":"true","fig-width":7,"context":"interactive","output":"true","fig-height":5,"out-height":"","results":"markup","editor-word-wrap":"true","editor-font-scale":"0.95"},"code":"fit = lm(mpg ~ am, data = mtcars)\n\nconfint(fit)"}];
 
 </script>
 <script type="module">
@@ -1836,6 +1845,26 @@ <h2 id="toc-title">On this page</h2>
   <ul>
   <li><a href="#overview" id="toc-overview" class="nav-link active" data-scroll-target="#overview">Overview</a>
   <ul class="collapse">
+  <li><a href="#editor-code-line-numbers-option" id="toc-editor-code-line-numbers-option" class="nav-link" data-scroll-target="#editor-code-line-numbers-option"><code>editor-code-line-numbers</code> Option</a>
+  <ul class="collapse">
+  <li><a href="#specifying-ranges" id="toc-specifying-ranges" class="nav-link" data-scroll-target="#specifying-ranges">Specifying Ranges</a></li>
+  <li><a href="#specifying-single-line" id="toc-specifying-single-line" class="nav-link" data-scroll-target="#specifying-single-line">Specifying Single Line</a></li>
+  <li><a href="#specifying-multiple-lines" id="toc-specifying-multiple-lines" class="nav-link" data-scroll-target="#specifying-multiple-lines">Specifying Multiple Lines</a></li>
+  </ul></li>
+  <li><a href="#editor-word-wrap-option" id="toc-editor-word-wrap-option" class="nav-link" data-scroll-target="#editor-word-wrap-option"><code>editor-word-wrap</code> Option</a>
+  <ul class="collapse">
+  <li><a href="#wrapped-long-code-lines" id="toc-wrapped-long-code-lines" class="nav-link" data-scroll-target="#wrapped-long-code-lines">Wrapped Long Code Lines</a></li>
+  <li><a href="#unwrapped-long-code-lines" id="toc-unwrapped-long-code-lines" class="nav-link" data-scroll-target="#unwrapped-long-code-lines">Unwrapped Long Code Lines</a></li>
+  </ul></li>
+  <li><a href="#editor-quick-suggestions-option" id="toc-editor-quick-suggestions-option" class="nav-link" data-scroll-target="#editor-quick-suggestions-option"><code>editor-quick-suggestions</code> Option</a>
+  <ul class="collapse">
+  <li><a href="#enabled-suggestions" id="toc-enabled-suggestions" class="nav-link" data-scroll-target="#enabled-suggestions">Enabled Suggestions</a></li>
+  </ul></li>
+  <li><a href="#editor-max-height-option" id="toc-editor-max-height-option" class="nav-link" data-scroll-target="#editor-max-height-option"><code>editor-max-height</code> Option</a>
+  <ul class="collapse">
+  <li><a href="#fixed-height" id="toc-fixed-height" class="nav-link" data-scroll-target="#fixed-height">Fixed Height</a></li>
+  <li><a href="#infinite-height" id="toc-infinite-height" class="nav-link" data-scroll-target="#infinite-height">Infinite Height</a></li>
+  </ul></li>
   <li><a href="#editor-font-scale-option" id="toc-editor-font-scale-option" class="nav-link" data-scroll-target="#editor-font-scale-option"><code>editor-font-scale</code> Option</a>
   <ul class="collapse">
   <li><a href="#default-size" id="toc-default-size" class="nav-link" data-scroll-target="#default-size">Default Size</a></li>
@@ -1908,6 +1937,12 @@ <h2 id="toc-title">On this page</h2>
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1961,7 +1996,7 @@ <h2 id="toc-title">On this page</h2>
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1987,6 +2022,56 @@ <h2 id="toc-title">On this page</h2>
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
@@ -2108,12 +2193,12 @@ <h1 class="title">Demo: Editor Options</h1>
 </div>
 </div>
 <div class="callout-body-container callout-body">
-<p>These features are currently experimental and are included in the 0.4.2-dev.2 build of <code>{quarto-webr}</code>.</p>
+<p>These features are currently experimental and are included in the 0.4.2-dev build of <code>{quarto-webr}</code>.</p>
 </div>
 </div>
 <section id="overview" class="level1">
 <h1>Overview</h1>
-<p>This feature demo introduces new options for styling the interactive editor associated with <code>{webr-r}</code> code blocks. These editor-specific options offer greater flexibility when working with the Monaco Editor integrated into the interactive area.</p>
+<p>This feature demo introduces <a href="qwebr-cell-options.qmd#monaco-editor-options">new cell-level options</a> for styling the interactive editor associated with <code>{webr-r}</code> code blocks. These editor-specific options offer greater flexibility when working with the Monaco Editor integrated into the interactive area. Options involving the editor are usually prefixed with <code>editor</code>.</p>
 <div class="callout callout-style-default callout-note callout-titled">
 <div class="callout-header d-flex align-content-center">
 <div class="callout-icon-container">
@@ -2127,6 +2212,235 @@ <h1>Overview</h1>
 <p>These options are only configurable during the document authoring stage.</p>
 </div>
 </div>
+<section id="editor-code-line-numbers-option" class="level2">
+<h2 class="anchored" data-anchor-id="editor-code-line-numbers-option"><code>editor-code-line-numbers</code> Option</h2>
+<p>Lines inside of the editor may be highlighted through the <code>editor-code-line-numbers</code> option. Specifying the highlighting of a line is done by providing a range of line numbers separated by a hyphen or a comma. For example:</p>
+<ul>
+<li><code>editor-code-line-numbers: 2-6</code> will highlight lines 2 to 6.</li>
+<li><code>editor-code-line-numbers: 1,3,5</code> will highlight lines 1, 3, and 5.</li>
+<li><code>editor-code-line-numbers: 1-3,5</code> will highlight lines 1 to 3 and 5.</li>
+</ul>
+<p>This feature is useful for drawing attention to specific line. You may wish to combine it with <code>readonly: true</code>.</p>
+<section id="specifying-ranges" class="level3">
+<h3 class="anchored" data-anchor-id="specifying-ranges">Specifying Ranges</h3>
+<p>The following cell demonstrates the use of the <code>editor-code-line-numbers</code> option to highlight a range of lines in the editor. Lines 2-6 should be highlighted in the editor below.</p>
+<div class="tabset-margin-container"></div><div class="panel-tabset">
+<ul class="nav nav-tabs" role="tablist"><li class="nav-item" role="presentation"><a class="nav-link active" id="tabset-1-1-tab" data-bs-toggle="tab" data-bs-target="#tabset-1-1" role="tab" aria-controls="tabset-1-1" aria-selected="true" aria-current="page">quarto-webr Output</a></li><li class="nav-item" role="presentation"><a class="nav-link" id="tabset-1-2-tab" data-bs-toggle="tab" data-bs-target="#tabset-1-2" role="tab" aria-controls="tabset-1-2" aria-selected="false">Cell Code</a></li></ul>
+<div class="tab-content">
+<div id="tabset-1-1" class="tab-pane active" role="tabpanel" aria-labelledby="tabset-1-1-tab">
+<div id="qwebr-insertion-location-1"></div>
+<noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
+</div>
+<div id="tabset-1-2" class="tab-pane" role="tabpanel" aria-labelledby="tabset-1-2-tab">
+<div class="sourceCode" id="cb1"><pre class="sourceCode markdown code-with-copy"><code class="sourceCode markdown"><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="in">```{webr-r}</span></span>
+<span id="cb1-2"><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a><span class="in">#| label: editor-line-numbers</span></span>
+<span id="cb1-3"><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a><span class="in">#| editor-code-line-numbers: 2-6</span></span>
+<span id="cb1-4"><a href="#cb1-4" aria-hidden="true" tabindex="-1"></a></span>
+<span id="cb1-5"><a href="#cb1-5" aria-hidden="true" tabindex="-1"></a><span class="in">hello_world &lt;- function(age) {</span></span>
+<span id="cb1-6"><a href="#cb1-6" aria-hidden="true" tabindex="-1"></a><span class="in">  if (age &gt; 30) {</span></span>
+<span id="cb1-7"><a href="#cb1-7" aria-hidden="true" tabindex="-1"></a><span class="in">    print('You are old')</span></span>
+<span id="cb1-8"><a href="#cb1-8" aria-hidden="true" tabindex="-1"></a><span class="in">  } else { </span></span>
+<span id="cb1-9"><a href="#cb1-9" aria-hidden="true" tabindex="-1"></a><span class="in">    print('You are young!')</span></span>
+<span id="cb1-10"><a href="#cb1-10" aria-hidden="true" tabindex="-1"></a><span class="in">  }</span></span>
+<span id="cb1-11"><a href="#cb1-11" aria-hidden="true" tabindex="-1"></a><span class="in">}</span></span>
+<span id="cb1-12"><a href="#cb1-12" aria-hidden="true" tabindex="-1"></a><span class="in">hello_age(22)</span></span>
+<span id="cb1-13"><a href="#cb1-13" aria-hidden="true" tabindex="-1"></a><span class="in">```</span></span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
+</div>
+</div>
+</div>
+</section>
+<section id="specifying-single-line" class="level3">
+<h3 class="anchored" data-anchor-id="specifying-single-line">Specifying Single Line</h3>
+<p>The following cell demonstrates the use of the <code>editor-code-line-numbers</code> option to highlight a single line in the editor. Line 2 should be highlighted in the editor below.</p>
+<div class="tabset-margin-container"></div><div class="panel-tabset">
+<ul class="nav nav-tabs" role="tablist"><li class="nav-item" role="presentation"><a class="nav-link active" id="tabset-2-1-tab" data-bs-toggle="tab" data-bs-target="#tabset-2-1" role="tab" aria-controls="tabset-2-1" aria-selected="true">quarto-webr Output</a></li><li class="nav-item" role="presentation"><a class="nav-link" id="tabset-2-2-tab" data-bs-toggle="tab" data-bs-target="#tabset-2-2" role="tab" aria-controls="tabset-2-2" aria-selected="false">Cell Code</a></li></ul>
+<div class="tab-content">
+<div id="tabset-2-1" class="tab-pane active" role="tabpanel" aria-labelledby="tabset-2-1-tab">
+<div id="qwebr-insertion-location-2"></div>
+<noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
+</div>
+<div id="tabset-2-2" class="tab-pane" role="tabpanel" aria-labelledby="tabset-2-2-tab">
+<div class="sourceCode" id="cb2"><pre class="sourceCode markdown code-with-copy"><code class="sourceCode markdown"><span id="cb2-1"><a href="#cb2-1" aria-hidden="true" tabindex="-1"></a><span class="in">```{webr-r}</span></span>
+<span id="cb2-2"><a href="#cb2-2" aria-hidden="true" tabindex="-1"></a><span class="in">#| label: editor-line-number</span></span>
+<span id="cb2-3"><a href="#cb2-3" aria-hidden="true" tabindex="-1"></a><span class="in">#| editor-code-line-numbers: 2</span></span>
+<span id="cb2-4"><a href="#cb2-4" aria-hidden="true" tabindex="-1"></a></span>
+<span id="cb2-5"><a href="#cb2-5" aria-hidden="true" tabindex="-1"></a><span class="in">hello_world &lt;- function(age) {</span></span>
+<span id="cb2-6"><a href="#cb2-6" aria-hidden="true" tabindex="-1"></a><span class="in">  if (age &gt; 30) {</span></span>
+<span id="cb2-7"><a href="#cb2-7" aria-hidden="true" tabindex="-1"></a><span class="in">    print('You are old')</span></span>
+<span id="cb2-8"><a href="#cb2-8" aria-hidden="true" tabindex="-1"></a><span class="in">  } else { </span></span>
+<span id="cb2-9"><a href="#cb2-9" aria-hidden="true" tabindex="-1"></a><span class="in">    print('You are young!')</span></span>
+<span id="cb2-10"><a href="#cb2-10" aria-hidden="true" tabindex="-1"></a><span class="in">  }</span></span>
+<span id="cb2-11"><a href="#cb2-11" aria-hidden="true" tabindex="-1"></a><span class="in">}</span></span>
+<span id="cb2-12"><a href="#cb2-12" aria-hidden="true" tabindex="-1"></a><span class="in">hello_age(22)</span></span>
+<span id="cb2-13"><a href="#cb2-13" aria-hidden="true" tabindex="-1"></a><span class="in">```</span></span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
+</div>
+</div>
+</div>
+</section>
+<section id="specifying-multiple-lines" class="level3">
+<h3 class="anchored" data-anchor-id="specifying-multiple-lines">Specifying Multiple Lines</h3>
+<p>The following cell demonstrates the use of the <code>editor-code-line-numbers</code> option to highlight multiple lines in the editor. Lines 1 - 3 and 5 should be highlighted in the editor below.</p>
+<div class="tabset-margin-container"></div><div class="panel-tabset">
+<ul class="nav nav-tabs" role="tablist"><li class="nav-item" role="presentation"><a class="nav-link active" id="tabset-3-1-tab" data-bs-toggle="tab" data-bs-target="#tabset-3-1" role="tab" aria-controls="tabset-3-1" aria-selected="true">quarto-webr Output</a></li><li class="nav-item" role="presentation"><a class="nav-link" id="tabset-3-2-tab" data-bs-toggle="tab" data-bs-target="#tabset-3-2" role="tab" aria-controls="tabset-3-2" aria-selected="false">Cell Code</a></li></ul>
+<div class="tab-content">
+<div id="tabset-3-1" class="tab-pane active" role="tabpanel" aria-labelledby="tabset-3-1-tab">
+<div id="qwebr-insertion-location-3"></div>
+<noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
+</div>
+<div id="tabset-3-2" class="tab-pane" role="tabpanel" aria-labelledby="tabset-3-2-tab">
+<div class="sourceCode" id="cb3"><pre class="sourceCode markdown code-with-copy"><code class="sourceCode markdown"><span id="cb3-1"><a href="#cb3-1" aria-hidden="true" tabindex="-1"></a><span class="in">```{webr-r}</span></span>
+<span id="cb3-2"><a href="#cb3-2" aria-hidden="true" tabindex="-1"></a><span class="in">#| label: editor-multiple-line-numbers</span></span>
+<span id="cb3-3"><a href="#cb3-3" aria-hidden="true" tabindex="-1"></a><span class="in">#| editor-code-line-numbers: 1-3,5</span></span>
+<span id="cb3-4"><a href="#cb3-4" aria-hidden="true" tabindex="-1"></a></span>
+<span id="cb3-5"><a href="#cb3-5" aria-hidden="true" tabindex="-1"></a><span class="in">hello_world &lt;- function(age) {</span></span>
+<span id="cb3-6"><a href="#cb3-6" aria-hidden="true" tabindex="-1"></a><span class="in">  if (age &gt; 30) {</span></span>
+<span id="cb3-7"><a href="#cb3-7" aria-hidden="true" tabindex="-1"></a><span class="in">    print('You are old')</span></span>
+<span id="cb3-8"><a href="#cb3-8" aria-hidden="true" tabindex="-1"></a><span class="in">  } else { </span></span>
+<span id="cb3-9"><a href="#cb3-9" aria-hidden="true" tabindex="-1"></a><span class="in">    print('You are young!')</span></span>
+<span id="cb3-10"><a href="#cb3-10" aria-hidden="true" tabindex="-1"></a><span class="in">  }</span></span>
+<span id="cb3-11"><a href="#cb3-11" aria-hidden="true" tabindex="-1"></a><span class="in">}</span></span>
+<span id="cb3-12"><a href="#cb3-12" aria-hidden="true" tabindex="-1"></a><span class="in">hello_age(22)</span></span>
+<span id="cb3-13"><a href="#cb3-13" aria-hidden="true" tabindex="-1"></a><span class="in">```</span></span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
+</div>
+</div>
+</div>
+</section>
+</section>
+<section id="editor-word-wrap-option" class="level2">
+<h2 class="anchored" data-anchor-id="editor-word-wrap-option"><code>editor-word-wrap</code> Option</h2>
+<p>The editor area allows for text to wrap to the next line when it reaches the end of the editor window. This feature is enabled by setting the <code>editor-word-wrap</code> option to <code>true</code>.</p>
+<section id="wrapped-long-code-lines" class="level3">
+<h3 class="anchored" data-anchor-id="wrapped-long-code-lines">Wrapped Long Code Lines</h3>
+<p>In the following cell, the editor window is set to wrap long lines of code to the next line.</p>
+<div class="tabset-margin-container"></div><div class="panel-tabset">
+<ul class="nav nav-tabs" role="tablist"><li class="nav-item" role="presentation"><a class="nav-link active" id="tabset-4-1-tab" data-bs-toggle="tab" data-bs-target="#tabset-4-1" role="tab" aria-controls="tabset-4-1" aria-selected="true">quarto-webr Output</a></li><li class="nav-item" role="presentation"><a class="nav-link" id="tabset-4-2-tab" data-bs-toggle="tab" data-bs-target="#tabset-4-2" role="tab" aria-controls="tabset-4-2" aria-selected="false">Cell Code</a></li></ul>
+<div class="tab-content">
+<div id="tabset-4-1" class="tab-pane active" role="tabpanel" aria-labelledby="tabset-4-1-tab">
+<div id="qwebr-insertion-location-4"></div>
+<noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
+</div>
+<div id="tabset-4-2" class="tab-pane" role="tabpanel" aria-labelledby="tabset-4-2-tab">
+<div class="sourceCode" id="cb4"><pre class="sourceCode markdown code-with-copy"><code class="sourceCode markdown"><span id="cb4-1"><a href="#cb4-1" aria-hidden="true" tabindex="-1"></a><span class="in">```{webr-r}</span></span>
+<span id="cb4-2"><a href="#cb4-2" aria-hidden="true" tabindex="-1"></a><span class="in">#| label: editor-word-wrap-enabled</span></span>
+<span id="cb4-3"><a href="#cb4-3" aria-hidden="true" tabindex="-1"></a><span class="in">#| editor-word-wrap: true</span></span>
+<span id="cb4-4"><a href="#cb4-4" aria-hidden="true" tabindex="-1"></a></span>
+<span id="cb4-5"><a href="#cb4-5" aria-hidden="true" tabindex="-1"></a><span class="in"># A long line of code that will wrap to the next line in the editor window to avoid horizontal scrolling</span></span>
+<span id="cb4-6"><a href="#cb4-6" aria-hidden="true" tabindex="-1"></a><span class="in">```</span></span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
+</div>
+</div>
+</div>
+</section>
+<section id="unwrapped-long-code-lines" class="level3">
+<h3 class="anchored" data-anchor-id="unwrapped-long-code-lines">Unwrapped Long Code Lines</h3>
+<p>In the following cell, the editor window is set to not wrap long lines of code to the next line.</p>
+<div class="tabset-margin-container"></div><div class="panel-tabset">
+<ul class="nav nav-tabs" role="tablist"><li class="nav-item" role="presentation"><a class="nav-link active" id="tabset-5-1-tab" data-bs-toggle="tab" data-bs-target="#tabset-5-1" role="tab" aria-controls="tabset-5-1" aria-selected="true">quarto-webr Output</a></li><li class="nav-item" role="presentation"><a class="nav-link" id="tabset-5-2-tab" data-bs-toggle="tab" data-bs-target="#tabset-5-2" role="tab" aria-controls="tabset-5-2" aria-selected="false">Cell Code</a></li></ul>
+<div class="tab-content">
+<div id="tabset-5-1" class="tab-pane active" role="tabpanel" aria-labelledby="tabset-5-1-tab">
+<div id="qwebr-insertion-location-5"></div>
+<noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
+</div>
+<div id="tabset-5-2" class="tab-pane" role="tabpanel" aria-labelledby="tabset-5-2-tab">
+<div class="sourceCode" id="cb5"><pre class="sourceCode markdown code-with-copy"><code class="sourceCode markdown"><span id="cb5-1"><a href="#cb5-1" aria-hidden="true" tabindex="-1"></a><span class="in">```{webr-r}</span></span>
+<span id="cb5-2"><a href="#cb5-2" aria-hidden="true" tabindex="-1"></a><span class="in">#| label: editor-word-wrap-disabled</span></span>
+<span id="cb5-3"><a href="#cb5-3" aria-hidden="true" tabindex="-1"></a><span class="in">#| editor-word-wrap: false</span></span>
+<span id="cb5-4"><a href="#cb5-4" aria-hidden="true" tabindex="-1"></a></span>
+<span id="cb5-5"><a href="#cb5-5" aria-hidden="true" tabindex="-1"></a><span class="in"># A long line of code that will **NOT** wrap to the next line in the editor window and will require horizontal scrolling</span></span>
+<span id="cb5-6"><a href="#cb5-6" aria-hidden="true" tabindex="-1"></a><span class="in">```</span></span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
+</div>
+</div>
+</div>
+</section>
+</section>
+<section id="editor-quick-suggestions-option" class="level2">
+<h2 class="anchored" data-anchor-id="editor-quick-suggestions-option"><code>editor-quick-suggestions</code> Option</h2>
+<p>Suggestions based on autocompletion can be enabled by setting the <code>editor-quick-suggestions</code> option to <code>true</code>. Enabling autocompletion means that the name of variables and functions will be viewable in a pop-up menu after pausing for a while on a line of code.</p>
+<section id="enabled-suggestions" class="level3">
+<h3 class="anchored" data-anchor-id="enabled-suggestions">Enabled Suggestions</h3>
+<p>In the following cell, you should be able to access on a new line of code the variable “supercalifragilisticexpialidocious” by pausing after typing <code>super</code>.</p>
+<div class="tabset-margin-container"></div><div class="panel-tabset">
+<ul class="nav nav-tabs" role="tablist"><li class="nav-item" role="presentation"><a class="nav-link active" id="tabset-6-1-tab" data-bs-toggle="tab" data-bs-target="#tabset-6-1" role="tab" aria-controls="tabset-6-1" aria-selected="true">quarto-webr Output</a></li><li class="nav-item" role="presentation"><a class="nav-link" id="tabset-6-2-tab" data-bs-toggle="tab" data-bs-target="#tabset-6-2" role="tab" aria-controls="tabset-6-2" aria-selected="false">Cell Code</a></li></ul>
+<div class="tab-content">
+<div id="tabset-6-1" class="tab-pane active" role="tabpanel" aria-labelledby="tabset-6-1-tab">
+<div id="qwebr-insertion-location-6"></div>
+<noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
+</div>
+<div id="tabset-6-2" class="tab-pane" role="tabpanel" aria-labelledby="tabset-6-2-tab">
+<div class="sourceCode" id="cb6"><pre class="sourceCode markdown code-with-copy"><code class="sourceCode markdown"><span id="cb6-1"><a href="#cb6-1" aria-hidden="true" tabindex="-1"></a><span class="in">```{webr-r}</span></span>
+<span id="cb6-2"><a href="#cb6-2" aria-hidden="true" tabindex="-1"></a><span class="in">#| label: editor-suggestions-enabled</span></span>
+<span id="cb6-3"><a href="#cb6-3" aria-hidden="true" tabindex="-1"></a><span class="in">#| editor-quick-suggestions: true</span></span>
+<span id="cb6-4"><a href="#cb6-4" aria-hidden="true" tabindex="-1"></a></span>
+<span id="cb6-5"><a href="#cb6-5" aria-hidden="true" tabindex="-1"></a><span class="in">supercalifragilisticexpialidocious = 42L</span></span>
+<span id="cb6-6"><a href="#cb6-6" aria-hidden="true" tabindex="-1"></a></span>
+<span id="cb6-7"><a href="#cb6-7" aria-hidden="true" tabindex="-1"></a><span class="in"># Try typing super ...</span></span>
+<span id="cb6-8"><a href="#cb6-8" aria-hidden="true" tabindex="-1"></a><span class="in">su</span></span>
+<span id="cb6-9"><a href="#cb6-9" aria-hidden="true" tabindex="-1"></a></span>
+<span id="cb6-10"><a href="#cb6-10" aria-hidden="true" tabindex="-1"></a><span class="in">```</span></span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
+</div>
+</div>
+</div>
+<div class="callout callout-style-default callout-note callout-titled">
+<div class="callout-header d-flex align-content-center">
+<div class="callout-icon-container">
+<i class="callout-icon"></i>
+</div>
+<div class="callout-title-container flex-fill">
+Note
+</div>
+</div>
+<div class="callout-body-container callout-body">
+<p>We’ve temporarily disabled editor quick suggestions by default as the options presented were often more confusing than intended.</p>
+</div>
+</div>
+</section>
+</section>
+<section id="editor-max-height-option" class="level2">
+<h2 class="anchored" data-anchor-id="editor-max-height-option"><code>editor-max-height</code> Option</h2>
+<p>The editor maximum line height is now controlable through the <code>editor-max-height</code> option. By default, the editor is set to grow infinitely as new lines of code are added. By specifying a pixel value, all lines up to the threshold will be shown while later lines will require the use of the scroll bar in the editor window to access.</p>
+<section id="fixed-height" class="level3">
+<h3 class="anchored" data-anchor-id="fixed-height">Fixed Height</h3>
+<p>The following editor has a fixed height of 55 pixels.</p>
+<div class="tabset-margin-container"></div><div class="panel-tabset">
+<ul class="nav nav-tabs" role="tablist"><li class="nav-item" role="presentation"><a class="nav-link active" id="tabset-7-1-tab" data-bs-toggle="tab" data-bs-target="#tabset-7-1" role="tab" aria-controls="tabset-7-1" aria-selected="true">quarto-webr Output</a></li><li class="nav-item" role="presentation"><a class="nav-link" id="tabset-7-2-tab" data-bs-toggle="tab" data-bs-target="#tabset-7-2" role="tab" aria-controls="tabset-7-2" aria-selected="false">Cell Code</a></li></ul>
+<div class="tab-content">
+<div id="tabset-7-1" class="tab-pane active" role="tabpanel" aria-labelledby="tabset-7-1-tab">
+<div id="qwebr-insertion-location-7"></div>
+<noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
+</div>
+<div id="tabset-7-2" class="tab-pane" role="tabpanel" aria-labelledby="tabset-7-2-tab">
+<div class="sourceCode" id="cb7"><pre class="sourceCode markdown code-with-copy"><code class="sourceCode markdown"><span id="cb7-1"><a href="#cb7-1" aria-hidden="true" tabindex="-1"></a><span class="in">```{webr-r}</span></span>
+<span id="cb7-2"><a href="#cb7-2" aria-hidden="true" tabindex="-1"></a><span class="in">#| label: editor-fixed-growth</span></span>
+<span id="cb7-3"><a href="#cb7-3" aria-hidden="true" tabindex="-1"></a><span class="in">#| editor-max-height: 55</span></span>
+<span id="cb7-4"><a href="#cb7-4" aria-hidden="true" tabindex="-1"></a><span class="in">1 + 1</span></span>
+<span id="cb7-5"><a href="#cb7-5" aria-hidden="true" tabindex="-1"></a></span>
+<span id="cb7-6"><a href="#cb7-6" aria-hidden="true" tabindex="-1"></a><span class="in">print("hello")</span></span>
+<span id="cb7-7"><a href="#cb7-7" aria-hidden="true" tabindex="-1"></a><span class="in">```</span></span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
+</div>
+</div>
+</div>
+</section>
+<section id="infinite-height" class="level3">
+<h3 class="anchored" data-anchor-id="infinite-height">Infinite Height</h3>
+<p>The following editor will automatically grow as new lines of code are added.</p>
+<div class="tabset-margin-container"></div><div class="panel-tabset">
+<ul class="nav nav-tabs" role="tablist"><li class="nav-item" role="presentation"><a class="nav-link active" id="tabset-8-1-tab" data-bs-toggle="tab" data-bs-target="#tabset-8-1" role="tab" aria-controls="tabset-8-1" aria-selected="true">quarto-webr Output</a></li><li class="nav-item" role="presentation"><a class="nav-link" id="tabset-8-2-tab" data-bs-toggle="tab" data-bs-target="#tabset-8-2" role="tab" aria-controls="tabset-8-2" aria-selected="false">Cell Code</a></li></ul>
+<div class="tab-content">
+<div id="tabset-8-1" class="tab-pane active" role="tabpanel" aria-labelledby="tabset-8-1-tab">
+<div id="qwebr-insertion-location-8"></div>
+<noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
+</div>
+<div id="tabset-8-2" class="tab-pane" role="tabpanel" aria-labelledby="tabset-8-2-tab">
+<div class="sourceCode" id="cb8"><pre class="sourceCode markdown code-with-copy"><code class="sourceCode markdown"><span id="cb8-1"><a href="#cb8-1" aria-hidden="true" tabindex="-1"></a><span class="in">```{webr-r}</span></span>
+<span id="cb8-2"><a href="#cb8-2" aria-hidden="true" tabindex="-1"></a><span class="in">#| label: editor-infinite-growth</span></span>
+<span id="cb8-3"><a href="#cb8-3" aria-hidden="true" tabindex="-1"></a><span class="in">1 + 1</span></span>
+<span id="cb8-4"><a href="#cb8-4" aria-hidden="true" tabindex="-1"></a></span>
+<span id="cb8-5"><a href="#cb8-5" aria-hidden="true" tabindex="-1"></a><span class="in">print("hello")</span></span>
+<span id="cb8-6"><a href="#cb8-6" aria-hidden="true" tabindex="-1"></a><span class="in">```</span></span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
+</div>
+</div>
+</div>
+</section>
+</section>
 <section id="editor-font-scale-option" class="level2">
 <h2 class="anchored" data-anchor-id="editor-font-scale-option"><code>editor-font-scale</code> Option</h2>
 <p>The editor area now inherits font size from Quarto’s <code>fontsize</code> theme option, ensuring consistency with other elements on the page. You can adjust the font size for the editor relative to Quarto’s output by setting the <code>editor-font-scale</code> option. When <code>editor-font-scale</code> is:</p>
@@ -2140,9 +2454,9 @@ <h3 class="anchored" data-anchor-id="default-size">Default Size</h3>
 <p>By default, we set <code>editor-font-scale</code> to 1, aligning the editor font size with the <code>fontsize</code> value.</p>
 <p>Let’s consider a standard code cell that fits a linear model and obtains the confidence intervals for one or more parameters in a fitted model:</p>
 <div class="cell">
-<div class="sourceCode cell-code" id="cb1"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a>fit <span class="ot">=</span> <span class="fu">lm</span>(mpg <span class="sc">~</span> am, <span class="at">data =</span> mtcars)</span>
-<span id="cb1-2"><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a></span>
-<span id="cb1-3"><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a><span class="fu">confint</span>(fit)</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
+<div class="sourceCode cell-code" id="cb9"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb9-1"><a href="#cb9-1" aria-hidden="true" tabindex="-1"></a>fit <span class="ot">=</span> <span class="fu">lm</span>(mpg <span class="sc">~</span> am, <span class="at">data =</span> mtcars)</span>
+<span id="cb9-2"><a href="#cb9-2" aria-hidden="true" tabindex="-1"></a></span>
+<span id="cb9-3"><a href="#cb9-3" aria-hidden="true" tabindex="-1"></a><span class="fu">confint</span>(fit)</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
 <div class="cell-output cell-output-stdout">
 <pre><code>               2.5 %   97.5 %
 (Intercept) 14.85062 19.44411
@@ -2150,36 +2464,36 @@ <h3 class="anchored" data-anchor-id="default-size">Default Size</h3>
 </div>
 </div>
 <p>Now, let’s observe the effect with <code>editor-font-scale: 1</code>:</p>
-<div id="qwebr-insertion-location-1"></div>
+<div id="qwebr-insertion-location-9"></div>
 <noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
 <p>Notice the consistency in font sizes.</p>
 </section>
 <section id="reducing-editor-size" class="level3">
 <h3 class="anchored" data-anchor-id="reducing-editor-size">Reducing Editor Size</h3>
 <p>To decrease the font size, we set a value between <code>0 &lt; editor-font-size &lt; 1</code>. For example, let’s set <code>editor-font-scale</code> to 0.5:</p>
-<div id="qwebr-insertion-location-2"></div>
+<div id="qwebr-insertion-location-10"></div>
 <noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
 </section>
 <section id="increasing-editor-size" class="level3">
 <h3 class="anchored" data-anchor-id="increasing-editor-size">Increasing Editor Size</h3>
 <p>To increase the font size, we set a value between <code>editor-font-size &gt; 1</code>. For example, let’s set <code>editor-font-scale</code> to 2:</p>
-<div id="qwebr-insertion-location-3"></div>
+<div id="qwebr-insertion-location-11"></div>
 <noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
 </section>
 <section id="scaling-content-areas" class="level3">
 <h3 class="anchored" data-anchor-id="scaling-content-areas">Scaling Content Areas</h3>
 <p>In this example, we create a custom area using a <a href="https://quarto.org/docs/authoring/markdown-basics.html#sec-divs-and-spans">Div block in Quarto</a> and set the div’s font size to 150%. Consequently, the editor inherits the font size within the area.</p>
 <div class="tabset-margin-container"></div><div class="panel-tabset" data-group="scaledEditor">
-<ul class="nav nav-tabs" role="tablist"><li class="nav-item" role="presentation"><a class="nav-link active" id="tabset-1-1-tab" data-bs-toggle="tab" data-bs-target="#tabset-1-1" role="tab" aria-controls="tabset-1-1" aria-selected="true" aria-current="page"><code>{quarto-webr}</code> Output</a></li><li class="nav-item" role="presentation"><a class="nav-link" id="tabset-1-2-tab" data-bs-toggle="tab" data-bs-target="#tabset-1-2" role="tab" aria-controls="tabset-1-2" aria-selected="false">Cell Code</a></li></ul>
+<ul class="nav nav-tabs" role="tablist"><li class="nav-item" role="presentation"><a class="nav-link active" id="tabset-9-1-tab" data-bs-toggle="tab" data-bs-target="#tabset-9-1" role="tab" aria-controls="tabset-9-1" aria-selected="true"><code>{quarto-webr}</code> Output</a></li><li class="nav-item" role="presentation"><a class="nav-link" id="tabset-9-2-tab" data-bs-toggle="tab" data-bs-target="#tabset-9-2" role="tab" aria-controls="tabset-9-2" aria-selected="false">Cell Code</a></li></ul>
 <div class="tab-content" data-group="scaledEditor">
-<div id="tabset-1-1" class="tab-pane active" role="tabpanel" aria-labelledby="tabset-1-1-tab">
+<div id="tabset-9-1" class="tab-pane active" role="tabpanel" aria-labelledby="tabset-9-1-tab">
 <div id="big-text" style="font-size: 150%">
 <section id="quarto-code-cell-for-r" class="level5">
 <h5 class="anchored" data-anchor-id="quarto-code-cell-for-r">Quarto code cell for R</h5>
 <div class="cell">
-<div class="sourceCode cell-code" id="cb3"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb3-1"><a href="#cb3-1" aria-hidden="true" tabindex="-1"></a>fit <span class="ot">=</span> <span class="fu">lm</span>(mpg <span class="sc">~</span> am, <span class="at">data =</span> mtcars)</span>
-<span id="cb3-2"><a href="#cb3-2" aria-hidden="true" tabindex="-1"></a></span>
-<span id="cb3-3"><a href="#cb3-3" aria-hidden="true" tabindex="-1"></a><span class="fu">confint</span>(fit)</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
+<div class="sourceCode cell-code" id="cb11"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb11-1"><a href="#cb11-1" aria-hidden="true" tabindex="-1"></a>fit <span class="ot">=</span> <span class="fu">lm</span>(mpg <span class="sc">~</span> am, <span class="at">data =</span> mtcars)</span>
+<span id="cb11-2"><a href="#cb11-2" aria-hidden="true" tabindex="-1"></a></span>
+<span id="cb11-3"><a href="#cb11-3" aria-hidden="true" tabindex="-1"></a><span class="fu">confint</span>(fit)</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
 <div class="cell-output cell-output-stdout">
 <pre><code>               2.5 %   97.5 %
 (Intercept) 14.85062 19.44411
@@ -2189,46 +2503,46 @@ <h5 class="anchored" data-anchor-id="quarto-code-cell-for-r">Quarto code cell fo
 </section>
 <section id="webr-code-cell-under-quarto-webr" class="level5">
 <h5 class="anchored" data-anchor-id="webr-code-cell-under-quarto-webr">webR code cell under quarto-webr</h5>
-<div id="qwebr-insertion-location-4"></div>
+<div id="qwebr-insertion-location-12"></div>
 <noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
 </section>
 </div>
 </div>
-<div id="tabset-1-2" class="tab-pane" role="tabpanel" aria-labelledby="tabset-1-2-tab">
-<div class="sourceCode" id="cb5"><pre class="sourceCode md code-with-copy"><code class="sourceCode markdown"><span id="cb5-1"><a href="#cb5-1" aria-hidden="true" tabindex="-1"></a></span>
-<span id="cb5-2"><a href="#cb5-2" aria-hidden="true" tabindex="-1"></a>::: {#big-text style="font-size: 150%"}</span>
-<span id="cb5-3"><a href="#cb5-3" aria-hidden="true" tabindex="-1"></a></span>
-<span id="cb5-4"><a href="#cb5-4" aria-hidden="true" tabindex="-1"></a>Quarto code cell for R</span>
-<span id="cb5-5"><a href="#cb5-5" aria-hidden="true" tabindex="-1"></a></span>
-<span id="cb5-6"><a href="#cb5-6" aria-hidden="true" tabindex="-1"></a>::: {.cell}</span>
-<span id="cb5-7"><a href="#cb5-7" aria-hidden="true" tabindex="-1"></a></span>
-<span id="cb5-8"><a href="#cb5-8" aria-hidden="true" tabindex="-1"></a><span class="in">```{.r .cell-code}</span></span>
-<span id="cb5-9"><a href="#cb5-9" aria-hidden="true" tabindex="-1"></a><span class="in">fit = lm(mpg ~ am, data = mtcars)</span></span>
-<span id="cb5-10"><a href="#cb5-10" aria-hidden="true" tabindex="-1"></a></span>
-<span id="cb5-11"><a href="#cb5-11" aria-hidden="true" tabindex="-1"></a><span class="in">confint(fit)</span></span>
-<span id="cb5-12"><a href="#cb5-12" aria-hidden="true" tabindex="-1"></a><span class="in">```</span></span>
-<span id="cb5-13"><a href="#cb5-13" aria-hidden="true" tabindex="-1"></a></span>
-<span id="cb5-14"><a href="#cb5-14" aria-hidden="true" tabindex="-1"></a>::: {.cell-output .cell-output-stdout}</span>
-<span id="cb5-15"><a href="#cb5-15" aria-hidden="true" tabindex="-1"></a></span>
-<span id="cb5-16"><a href="#cb5-16" aria-hidden="true" tabindex="-1"></a><span class="in">```</span></span>
-<span id="cb5-17"><a href="#cb5-17" aria-hidden="true" tabindex="-1"></a><span class="in">               2.5 %   97.5 %</span></span>
-<span id="cb5-18"><a href="#cb5-18" aria-hidden="true" tabindex="-1"></a><span class="in">(Intercept) 14.85062 19.44411</span></span>
-<span id="cb5-19"><a href="#cb5-19" aria-hidden="true" tabindex="-1"></a><span class="in">am           3.64151 10.84837</span></span>
-<span id="cb5-20"><a href="#cb5-20" aria-hidden="true" tabindex="-1"></a><span class="in">```</span></span>
-<span id="cb5-21"><a href="#cb5-21" aria-hidden="true" tabindex="-1"></a></span>
-<span id="cb5-22"><a href="#cb5-22" aria-hidden="true" tabindex="-1"></a></span>
-<span id="cb5-23"><a href="#cb5-23" aria-hidden="true" tabindex="-1"></a>:::</span>
-<span id="cb5-24"><a href="#cb5-24" aria-hidden="true" tabindex="-1"></a>:::</span>
-<span id="cb5-25"><a href="#cb5-25" aria-hidden="true" tabindex="-1"></a></span>
-<span id="cb5-26"><a href="#cb5-26" aria-hidden="true" tabindex="-1"></a>webR code cell under quarto-webr</span>
-<span id="cb5-27"><a href="#cb5-27" aria-hidden="true" tabindex="-1"></a></span>
-<span id="cb5-28"><a href="#cb5-28" aria-hidden="true" tabindex="-1"></a><span class="in">```{webr-r}</span></span>
-<span id="cb5-29"><a href="#cb5-29" aria-hidden="true" tabindex="-1"></a><span class="in">#| autorun: true</span></span>
-<span id="cb5-30"><a href="#cb5-30" aria-hidden="true" tabindex="-1"></a><span class="in">fit = lm(mpg ~ am, data = mtcars)</span></span>
-<span id="cb5-31"><a href="#cb5-31" aria-hidden="true" tabindex="-1"></a></span>
-<span id="cb5-32"><a href="#cb5-32" aria-hidden="true" tabindex="-1"></a><span class="in">confint(fit)</span></span>
-<span id="cb5-33"><a href="#cb5-33" aria-hidden="true" tabindex="-1"></a><span class="in">```</span></span>
-<span id="cb5-34"><a href="#cb5-34" aria-hidden="true" tabindex="-1"></a>:::</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
+<div id="tabset-9-2" class="tab-pane" role="tabpanel" aria-labelledby="tabset-9-2-tab">
+<div class="sourceCode" id="cb13"><pre class="sourceCode md code-with-copy"><code class="sourceCode markdown"><span id="cb13-1"><a href="#cb13-1" aria-hidden="true" tabindex="-1"></a></span>
+<span id="cb13-2"><a href="#cb13-2" aria-hidden="true" tabindex="-1"></a>::: {#big-text style="font-size: 150%"}</span>
+<span id="cb13-3"><a href="#cb13-3" aria-hidden="true" tabindex="-1"></a></span>
+<span id="cb13-4"><a href="#cb13-4" aria-hidden="true" tabindex="-1"></a>Quarto code cell for R</span>
+<span id="cb13-5"><a href="#cb13-5" aria-hidden="true" tabindex="-1"></a></span>
+<span id="cb13-6"><a href="#cb13-6" aria-hidden="true" tabindex="-1"></a>::: {.cell}</span>
+<span id="cb13-7"><a href="#cb13-7" aria-hidden="true" tabindex="-1"></a></span>
+<span id="cb13-8"><a href="#cb13-8" aria-hidden="true" tabindex="-1"></a><span class="in">```{.r .cell-code}</span></span>
+<span id="cb13-9"><a href="#cb13-9" aria-hidden="true" tabindex="-1"></a><span class="in">fit = lm(mpg ~ am, data = mtcars)</span></span>
+<span id="cb13-10"><a href="#cb13-10" aria-hidden="true" tabindex="-1"></a></span>
+<span id="cb13-11"><a href="#cb13-11" aria-hidden="true" tabindex="-1"></a><span class="in">confint(fit)</span></span>
+<span id="cb13-12"><a href="#cb13-12" aria-hidden="true" tabindex="-1"></a><span class="in">```</span></span>
+<span id="cb13-13"><a href="#cb13-13" aria-hidden="true" tabindex="-1"></a></span>
+<span id="cb13-14"><a href="#cb13-14" aria-hidden="true" tabindex="-1"></a>::: {.cell-output .cell-output-stdout}</span>
+<span id="cb13-15"><a href="#cb13-15" aria-hidden="true" tabindex="-1"></a></span>
+<span id="cb13-16"><a href="#cb13-16" aria-hidden="true" tabindex="-1"></a><span class="in">```</span></span>
+<span id="cb13-17"><a href="#cb13-17" aria-hidden="true" tabindex="-1"></a><span class="in">               2.5 %   97.5 %</span></span>
+<span id="cb13-18"><a href="#cb13-18" aria-hidden="true" tabindex="-1"></a><span class="in">(Intercept) 14.85062 19.44411</span></span>
+<span id="cb13-19"><a href="#cb13-19" aria-hidden="true" tabindex="-1"></a><span class="in">am           3.64151 10.84837</span></span>
+<span id="cb13-20"><a href="#cb13-20" aria-hidden="true" tabindex="-1"></a><span class="in">```</span></span>
+<span id="cb13-21"><a href="#cb13-21" aria-hidden="true" tabindex="-1"></a></span>
+<span id="cb13-22"><a href="#cb13-22" aria-hidden="true" tabindex="-1"></a></span>
+<span id="cb13-23"><a href="#cb13-23" aria-hidden="true" tabindex="-1"></a>:::</span>
+<span id="cb13-24"><a href="#cb13-24" aria-hidden="true" tabindex="-1"></a>:::</span>
+<span id="cb13-25"><a href="#cb13-25" aria-hidden="true" tabindex="-1"></a></span>
+<span id="cb13-26"><a href="#cb13-26" aria-hidden="true" tabindex="-1"></a>webR code cell under quarto-webr</span>
+<span id="cb13-27"><a href="#cb13-27" aria-hidden="true" tabindex="-1"></a></span>
+<span id="cb13-28"><a href="#cb13-28" aria-hidden="true" tabindex="-1"></a><span class="in">```{webr-r}</span></span>
+<span id="cb13-29"><a href="#cb13-29" aria-hidden="true" tabindex="-1"></a><span class="in">#| autorun: true</span></span>
+<span id="cb13-30"><a href="#cb13-30" aria-hidden="true" tabindex="-1"></a><span class="in">fit = lm(mpg ~ am, data = mtcars)</span></span>
+<span id="cb13-31"><a href="#cb13-31" aria-hidden="true" tabindex="-1"></a></span>
+<span id="cb13-32"><a href="#cb13-32" aria-hidden="true" tabindex="-1"></a><span class="in">confint(fit)</span></span>
+<span id="cb13-33"><a href="#cb13-33" aria-hidden="true" tabindex="-1"></a><span class="in">```</span></span>
+<span id="cb13-34"><a href="#cb13-34" aria-hidden="true" tabindex="-1"></a>:::</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
 </div>
 </div>
 </div>
@@ -2237,7 +2551,7 @@ <h5 class="anchored" data-anchor-id="webr-code-cell-under-quarto-webr">webR code
 </section>
 <section id="fin" class="level1">
 <h1>Fin</h1>
-<p>Just the beginning!</p>
+<p>We’re excited to see how you use these new editor specific options to enhance your interactive documents. If you have any feedback or suggestions, please let us know by <a href="https://github.com/coatless/quarto-webr/issues/new/choose">opening an issue</a> on the <code>{quarto-webr}</code> GitHub repository.</p>
 
 
 </section>
diff --git a/demos/qwebr-global-cell-defaults.html b/demos/qwebr-global-cell-defaults.html
index a3c28c8..756d1ba 100644
--- a/demos/qwebr-global-cell-defaults.html
+++ b/demos/qwebr-global-cell-defaults.html
@@ -233,6 +233,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -392,7 +401,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"id":1,"code":"fit = lm(mpg ~ am, data = mtcars)\nsummary(fit)","options":{"label":"unnamed-chunk-1","editor-quick-suggestions":"false","out-height":"","editor-font-scale":"1","results":"markup","classes":"","read-only":"true","editor-max-height":"","output":"true","fig-height":5,"message":"true","comment":"","editor-word-wrap":"true","warning":"true","fig-width":7,"autorun":"true","context":"interactive","out-width":"100%","fig-cap":"","dpi":72}},{"id":2,"code":"plot(fit)","options":{"label":"unnamed-chunk-2","editor-quick-suggestions":"false","out-height":"","editor-font-scale":"1","results":"markup","classes":"","read-only":"false","editor-max-height":"","output":"true","fig-height":5,"message":"true","comment":"","editor-word-wrap":"true","warning":"true","fig-width":7,"autorun":"true","context":"interactive","out-width":"100%","fig-cap":"","dpi":72}}];
+globalThis.qwebrCellDetails = [{"id":1,"code":"fit = lm(mpg ~ am, data = mtcars)\nsummary(fit)","options":{"autorun":"true","comment":"","out-height":"","out-width":"100%","dpi":72,"editor-word-wrap":"true","message":"true","classes":"","warning":"true","editor-max-height":"","context":"interactive","fig-width":7,"results":"markup","read-only":"true","fig-cap":"","editor-quick-suggestions":"false","label":"unnamed-chunk-1","output":"true","editor-font-scale":"1","fig-height":5}},{"id":2,"code":"plot(fit)","options":{"autorun":"true","comment":"","out-height":"","out-width":"100%","dpi":72,"editor-word-wrap":"true","message":"true","classes":"","warning":"true","editor-max-height":"","context":"interactive","fig-width":7,"results":"markup","read-only":"false","fig-cap":"","editor-quick-suggestions":"false","label":"unnamed-chunk-2","output":"true","editor-font-scale":"1","fig-height":5}}];
 
 </script>
 <script type="module">
@@ -1903,6 +1912,12 @@ <h2 id="toc-title">On this page</h2>
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1956,7 +1971,7 @@ <h2 id="toc-title">On this page</h2>
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1982,6 +1997,56 @@ <h2 id="toc-title">On this page</h2>
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/demos/qwebr-long-running-execution-interactive-locking.html b/demos/qwebr-long-running-execution-interactive-locking.html
index 323a132..91fa566 100644
--- a/demos/qwebr-long-running-execution-interactive-locking.html
+++ b/demos/qwebr-long-running-execution-interactive-locking.html
@@ -199,6 +199,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -358,7 +367,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"code":"print(\"Hello {quarto-webr} world!\")\nSys.sleep(5) # Sleep for 5 seconds","id":1,"options":{"classes":"","autorun":"false","output":"true","warning":"true","dpi":72,"context":"interactive","results":"markup","out-height":"","label":"unnamed-chunk-1","fig-width":7,"read-only":"false","editor-word-wrap":"true","out-width":"700px","message":"true","editor-quick-suggestions":"false","fig-height":5,"comment":"","editor-font-scale":"1","fig-cap":"","editor-max-height":""}},{"code":"-3 + 5\nSys.sleep(5) # Sleep for 5 seconds","id":2,"options":{"classes":"","autorun":"false","output":"true","warning":"true","dpi":72,"context":"interactive","results":"markup","out-height":"","label":"unnamed-chunk-2","fig-width":7,"read-only":"false","editor-word-wrap":"true","out-width":"700px","message":"true","editor-quick-suggestions":"false","fig-height":5,"comment":"","editor-font-scale":"1","fig-cap":"","editor-max-height":""}},{"code":"?mean\nSys.sleep(5) # Sleep for 5 seconds","id":3,"options":{"classes":"","autorun":"false","output":"true","warning":"true","dpi":72,"context":"interactive","results":"markup","out-height":"","label":"unnamed-chunk-3","fig-width":7,"read-only":"false","editor-word-wrap":"true","out-width":"700px","message":"true","editor-quick-suggestions":"false","fig-height":5,"comment":"","editor-font-scale":"1","fig-cap":"","editor-max-height":""}}];
+globalThis.qwebrCellDetails = [{"id":1,"options":{"label":"unnamed-chunk-1","results":"markup","warning":"true","out-height":"","context":"interactive","out-width":"700px","fig-width":7,"read-only":"false","editor-font-scale":"1","comment":"","editor-word-wrap":"true","editor-max-height":"","editor-quick-suggestions":"false","autorun":"false","fig-cap":"","dpi":72,"fig-height":5,"classes":"","message":"true","output":"true"},"code":"print(\"Hello {quarto-webr} world!\")\nSys.sleep(5) # Sleep for 5 seconds"},{"id":2,"options":{"label":"unnamed-chunk-2","results":"markup","warning":"true","out-height":"","context":"interactive","out-width":"700px","fig-width":7,"read-only":"false","editor-font-scale":"1","comment":"","editor-word-wrap":"true","editor-max-height":"","editor-quick-suggestions":"false","autorun":"false","fig-cap":"","dpi":72,"fig-height":5,"classes":"","message":"true","output":"true"},"code":"-3 + 5\nSys.sleep(5) # Sleep for 5 seconds"},{"id":3,"options":{"label":"unnamed-chunk-3","results":"markup","warning":"true","out-height":"","context":"interactive","out-width":"700px","fig-width":7,"read-only":"false","editor-font-scale":"1","comment":"","editor-word-wrap":"true","editor-max-height":"","editor-quick-suggestions":"false","autorun":"false","fig-cap":"","dpi":72,"fig-height":5,"classes":"","message":"true","output":"true"},"code":"?mean\nSys.sleep(5) # Sleep for 5 seconds"}];
 
 </script>
 <script type="module">
@@ -1866,6 +1875,12 @@ <h2 id="toc-title">On this page</h2>
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1919,7 +1934,7 @@ <h2 id="toc-title">On this page</h2>
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1945,6 +1960,56 @@ <h2 id="toc-title">On this page</h2>
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/demos/qwebr-non-interactive-areas.html b/demos/qwebr-non-interactive-areas.html
index 47dfbae..ffd1aaf 100644
--- a/demos/qwebr-non-interactive-areas.html
+++ b/demos/qwebr-non-interactive-areas.html
@@ -199,6 +199,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -358,7 +367,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"options":{"classes":"","editor-max-height":"","output":"true","context":"setup","fig-height":5,"comment":"","editor-word-wrap":"true","warning":"true","results":"markup","editor-font-scale":"1","fig-width":7,"dpi":72,"message":"true","out-height":"","read-only":"false","label":"unnamed-chunk-1","autorun":"true","out-width":"700px","editor-quick-suggestions":"false","fig-cap":""},"code":"g <- ggplot(mtcars, aes(x = wt, y = mpg)) \n\nSys.sleep(0.5)","id":1},{"options":{"classes":"","editor-max-height":"","output":"true","context":"output","fig-height":5,"comment":"","editor-word-wrap":"true","warning":"true","results":"markup","editor-font-scale":"1","fig-width":7,"dpi":72,"message":"true","out-height":"","read-only":"false","label":"unnamed-chunk-2","autorun":"true","out-width":"700px","editor-quick-suggestions":"false","fig-cap":""},"code":"g + geom_point()\n\nSys.sleep(0.5)","id":2},{"options":{"classes":"","editor-max-height":"","output":"true","context":"output","fig-height":5,"comment":"","editor-word-wrap":"true","warning":"true","results":"markup","editor-font-scale":"1","fig-width":7,"dpi":72,"message":"true","out-height":"","read-only":"false","label":"unnamed-chunk-3","autorun":"true","out-width":"700px","editor-quick-suggestions":"false","fig-cap":""},"code":"g + geom_point(aes(colour = factor(cyl)))\nSys.sleep(0.5)","id":3},{"options":{"classes":"","editor-max-height":"","output":"true","context":"interactive","fig-height":5,"comment":"","editor-word-wrap":"true","warning":"true","results":"markup","editor-font-scale":"1","fig-width":7,"dpi":72,"message":"true","out-height":"","read-only":"false","label":"unnamed-chunk-4","autorun":"false","out-width":"700px","editor-quick-suggestions":"false","fig-cap":""},"code":"g","id":4}];
+globalThis.qwebrCellDetails = [{"id":1,"code":"g <- ggplot(mtcars, aes(x = wt, y = mpg)) \n\nSys.sleep(0.5)","options":{"fig-width":7,"out-height":"","fig-height":5,"out-width":"700px","editor-max-height":"","editor-font-scale":"1","results":"markup","read-only":"false","label":"unnamed-chunk-1","warning":"true","editor-quick-suggestions":"false","autorun":"true","comment":"","dpi":72,"classes":"","output":"true","context":"setup","editor-word-wrap":"true","message":"true","fig-cap":""}},{"id":2,"code":"g + geom_point()\n\nSys.sleep(0.5)","options":{"fig-width":7,"out-height":"","fig-height":5,"out-width":"700px","editor-max-height":"","editor-font-scale":"1","results":"markup","read-only":"false","label":"unnamed-chunk-2","warning":"true","editor-quick-suggestions":"false","autorun":"true","comment":"","dpi":72,"classes":"","output":"true","context":"output","editor-word-wrap":"true","message":"true","fig-cap":""}},{"id":3,"code":"g + geom_point(aes(colour = factor(cyl)))\nSys.sleep(0.5)","options":{"fig-width":7,"out-height":"","fig-height":5,"out-width":"700px","editor-max-height":"","editor-font-scale":"1","results":"markup","read-only":"false","label":"unnamed-chunk-3","warning":"true","editor-quick-suggestions":"false","autorun":"true","comment":"","dpi":72,"classes":"","output":"true","context":"output","editor-word-wrap":"true","message":"true","fig-cap":""}},{"id":4,"code":"g","options":{"fig-width":7,"out-height":"","fig-height":5,"out-width":"700px","editor-max-height":"","editor-font-scale":"1","results":"markup","read-only":"false","label":"unnamed-chunk-4","warning":"true","editor-quick-suggestions":"false","autorun":"false","comment":"","dpi":72,"classes":"","output":"true","context":"interactive","editor-word-wrap":"true","message":"true","fig-cap":""}}];
 
 </script>
 <script type="module">
@@ -1868,6 +1877,12 @@ <h2 id="toc-title">On this page</h2>
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1921,7 +1936,7 @@ <h2 id="toc-title">On this page</h2>
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1947,6 +1962,56 @@ <h2 id="toc-title">On this page</h2>
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/demos/qwebr-read-only.html b/demos/qwebr-read-only.html
index 54c6aa4..b145d1d 100644
--- a/demos/qwebr-read-only.html
+++ b/demos/qwebr-read-only.html
@@ -233,6 +233,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -392,7 +401,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"options":{"fig-width":7,"label":"unnamed-chunk-1","message":"true","fig-cap":"","autorun":"false","editor-word-wrap":"true","editor-quick-suggestions":"false","classes":"","context":"interactive","out-width":"700px","output":"true","comment":"","warning":"true","dpi":72,"fig-height":5,"editor-font-scale":"1","read-only":"true","out-height":"","results":"markup","editor-max-height":""},"id":1,"code":"# Try modifying the age variable\nage <- 42\ncat(\"Your age is: \", age, fill = TRUE)"},{"options":{"fig-width":7,"label":"unnamed-chunk-2","message":"true","fig-cap":"","autorun":"true","editor-word-wrap":"true","editor-quick-suggestions":"false","classes":"","context":"interactive","out-width":"700px","output":"true","comment":"","warning":"true","dpi":72,"fig-height":5,"editor-font-scale":"1","read-only":"false","out-height":"","results":"markup","editor-max-height":""},"id":2,"code":"# Experiment with different sample sizes by\n# changing the n value and re-running the code\n# cell.\nn <- 100"},{"options":{"fig-width":7,"label":"unnamed-chunk-3","message":"true","fig-cap":"","autorun":"true","editor-word-wrap":"true","editor-quick-suggestions":"false","classes":"","context":"interactive","out-width":"700px","output":"true","comment":"","warning":"true","dpi":72,"fig-height":5,"editor-font-scale":"1","read-only":"true","out-height":"","results":"markup","editor-max-height":""},"id":3,"code":"samples = rnorm(n)\nhist(samples,\n  main = \"Randomly Sampled Normal Distribution\",\n  sub = paste(\"Based on\", n, \"samples\"),\n  xlab = \"Sample Value\"\n)"}];
+globalThis.qwebrCellDetails = [{"code":"# Try modifying the age variable\nage <- 42\ncat(\"Your age is: \", age, fill = TRUE)","id":1,"options":{"fig-height":5,"results":"markup","read-only":"true","editor-max-height":"","out-width":"700px","message":"true","autorun":"false","comment":"","label":"unnamed-chunk-1","warning":"true","editor-quick-suggestions":"false","out-height":"","output":"true","fig-cap":"","classes":"","dpi":72,"context":"interactive","editor-word-wrap":"true","fig-width":7,"editor-font-scale":"1"}},{"code":"# Experiment with different sample sizes by\n# changing the n value and re-running the code\n# cell.\nn <- 100","id":2,"options":{"fig-height":5,"results":"markup","read-only":"false","editor-max-height":"","out-width":"700px","message":"true","autorun":"true","comment":"","label":"unnamed-chunk-2","warning":"true","editor-quick-suggestions":"false","out-height":"","output":"true","fig-cap":"","classes":"","dpi":72,"context":"interactive","editor-word-wrap":"true","fig-width":7,"editor-font-scale":"1"}},{"code":"samples = rnorm(n)\nhist(samples,\n  main = \"Randomly Sampled Normal Distribution\",\n  sub = paste(\"Based on\", n, \"samples\"),\n  xlab = \"Sample Value\"\n)","id":3,"options":{"fig-height":5,"results":"markup","read-only":"true","editor-max-height":"","out-width":"700px","message":"true","autorun":"true","comment":"","label":"unnamed-chunk-3","warning":"true","editor-quick-suggestions":"false","out-height":"","output":"true","fig-cap":"","classes":"","dpi":72,"context":"interactive","editor-word-wrap":"true","fig-width":7,"editor-font-scale":"1"}}];
 
 </script>
 <script type="module">
@@ -1903,6 +1912,12 @@ <h2 id="toc-title">On this page</h2>
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1956,7 +1971,7 @@ <h2 id="toc-title">On this page</h2>
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1982,6 +1997,56 @@ <h2 id="toc-title">On this page</h2>
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/demos/qwebr-setting-options-in-document-yaml.html b/demos/qwebr-setting-options-in-document-yaml.html
index 6411d50..55dd004 100644
--- a/demos/qwebr-setting-options-in-document-yaml.html
+++ b/demos/qwebr-setting-options-in-document-yaml.html
@@ -199,6 +199,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -358,7 +367,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"options":{"out-width":"700px","editor-quick-suggestions":"false","warning":"true","read-only":"false","fig-width":7,"results":"markup","editor-font-scale":"1","editor-max-height":"","fig-cap":"","label":"unnamed-chunk-1","editor-word-wrap":"true","output":"true","message":"true","autorun":"false","classes":"","dpi":72,"context":"interactive","out-height":"","comment":"","fig-height":5},"code":"library(\"ggplot2\")\n\nggplot()","id":1}];
+globalThis.qwebrCellDetails = [{"id":1,"options":{"output":"true","out-width":"700px","label":"unnamed-chunk-1","warning":"true","message":"true","fig-cap":"","comment":"","autorun":"false","context":"interactive","dpi":72,"out-height":"","read-only":"false","editor-max-height":"","editor-quick-suggestions":"false","editor-word-wrap":"true","fig-width":7,"fig-height":5,"classes":"","editor-font-scale":"1","results":"markup"},"code":"library(\"ggplot2\")\n\nggplot()"}];
 
 </script>
 <script type="module">
@@ -1864,6 +1873,12 @@ <h2 id="toc-title">On this page</h2>
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1917,7 +1932,7 @@ <h2 id="toc-title">On this page</h2>
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1943,6 +1958,56 @@ <h2 id="toc-title">On this page</h2>
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/examples/blog/index.html b/examples/blog/index.html
index 4d12e3f..82b3c68 100644
--- a/examples/blog/index.html
+++ b/examples/blog/index.html
@@ -205,7 +205,7 @@ <h5 class="quarto-listing-category-title">Categories</h5><div class="quarto-list
 
 <div class="quarto-listing quarto-listing-container-default" id="listing-listing">
 <div class="list quarto-listing-default">
-<div class="quarto-post image-right" data-index="0" data-categories="news,code,analysis" data-listing-date-sort="1699833600000" data-listing-file-modified-sort="1718527605641" data-listing-date-modified-sort="NaN" data-listing-reading-time-sort="1" data-listing-word-count-sort="125">
+<div class="quarto-post image-right" data-index="0" data-categories="news,code,analysis" data-listing-date-sort="1699833600000" data-listing-file-modified-sort="1718691932966" data-listing-date-modified-sort="NaN" data-listing-reading-time-sort="1" data-listing-word-count-sort="125">
 <div class="thumbnail">
 <p><a href="./posts/embed-slides/index.html" class="no-external"></a></p><a href="./posts/embed-slides/index.html" class="no-external">
 <p><img loading="lazy" src="./posts/embed-slides/image.jpg" class="thumbnail-image"></p>
@@ -244,7 +244,7 @@ <h3 class="no-anchor listing-title">
 </a>
 </div>
 </div>
-<div class="quarto-post image-right" data-index="1" data-categories="news,code,analysis" data-listing-date-sort="1699747200000" data-listing-file-modified-sort="1718527605641" data-listing-date-modified-sort="NaN" data-listing-reading-time-sort="1" data-listing-word-count-sort="41">
+<div class="quarto-post image-right" data-index="1" data-categories="news,code,analysis" data-listing-date-sort="1699747200000" data-listing-file-modified-sort="1718691932966" data-listing-date-modified-sort="NaN" data-listing-reading-time-sort="1" data-listing-word-count-sort="41">
 <div class="thumbnail">
 <p><a href="./posts/post-with-code/index.html" class="no-external"></a></p><a href="./posts/post-with-code/index.html" class="no-external">
 <p><img loading="lazy" src="./posts/post-with-code/image.jpg" class="thumbnail-image"></p>
diff --git a/examples/blog/posts/post-with-code/index.html b/examples/blog/posts/post-with-code/index.html
index d5810cb..c01d208 100644
--- a/examples/blog/posts/post-with-code/index.html
+++ b/examples/blog/posts/post-with-code/index.html
@@ -190,6 +190,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -349,7 +358,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"options":{"context":"interactive","message":"true","output":"true","label":"unnamed-chunk-1","editor-font-scale":"1","editor-max-height":"","read-only":"false","autorun":"false","classes":"","comment":"","dpi":72,"editor-quick-suggestions":"false","editor-word-wrap":"true","results":"markup","fig-height":5,"out-width":"700px","out-height":"","fig-width":7,"warning":"true","fig-cap":""},"id":1,"code":"print(\"Hello blog Quarto world!\")"}];
+globalThis.qwebrCellDetails = [{"id":1,"code":"print(\"Hello blog Quarto world!\")","options":{"comment":"","context":"interactive","fig-width":7,"fig-height":5,"read-only":"false","out-width":"700px","output":"true","editor-quick-suggestions":"false","autorun":"false","results":"markup","label":"unnamed-chunk-1","dpi":72,"classes":"","editor-font-scale":"1","warning":"true","out-height":"","editor-max-height":"","editor-word-wrap":"true","fig-cap":"","message":"true"}}];
 
 </script>
 <script type="module">
@@ -1687,6 +1696,12 @@ <h1 class="title">Post With Interactive Code</h1>
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1740,7 +1755,7 @@ <h1 class="title">Post With Interactive Code</h1>
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1766,6 +1781,56 @@ <h1 class="title">Post With Interactive Code</h1>
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/examples/book/example-page.html b/examples/book/example-page.html
index e0b4f48..d08b015 100644
--- a/examples/book/example-page.html
+++ b/examples/book/example-page.html
@@ -190,6 +190,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -349,7 +358,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"id":1,"options":{"results":"markup","dpi":72,"read-only":"false","comment":"","warning":"true","editor-quick-suggestions":"false","classes":"","editor-word-wrap":"true","label":"unnamed-chunk-1","out-width":"700px","out-height":"","autorun":"false","fig-height":5,"context":"interactive","editor-max-height":"","message":"true","fig-cap":"","fig-width":7,"output":"true","editor-font-scale":"1"},"code":"within(mtcars, {\n    mtcars[order(cyl, disp), , drop = FALSE]\n})"},{"id":2,"options":{"results":"markup","dpi":72,"read-only":"false","comment":"","warning":"true","editor-quick-suggestions":"false","classes":"","editor-word-wrap":"true","label":"unnamed-chunk-2","out-width":"700px","out-height":"","autorun":"false","fig-height":5,"context":"interactive","editor-max-height":"","message":"true","fig-cap":"","fig-width":7,"output":"true","editor-font-scale":"1"},"code":"library(dplyr)\nmtcars |> \n    arrange(cyl, disp)"},{"id":3,"options":{"results":"markup","dpi":72,"read-only":"false","comment":"","warning":"true","editor-quick-suggestions":"false","classes":"","editor-word-wrap":"true","label":"unnamed-chunk-3","out-width":"700px","out-height":"","autorun":"false","fig-height":5,"context":"interactive","editor-max-height":"","message":"true","fig-cap":"","fig-width":7,"output":"true","editor-font-scale":"1"},"code":"mtcars_by <- by(mtcars, mtcars$cyl, function(df) {\n  with(df, data.frame(cyl = cyl[[1]], mean = mean(disp), n = nrow(df)))\n})\ndo.call(rbind, mtcars_by)"},{"id":4,"options":{"results":"markup","dpi":72,"read-only":"false","comment":"","warning":"true","editor-quick-suggestions":"false","classes":"","editor-word-wrap":"true","label":"unnamed-chunk-4","out-width":"700px","out-height":"","autorun":"false","fig-height":5,"context":"interactive","editor-max-height":"","message":"true","fig-cap":"","fig-width":7,"output":"true","editor-font-scale":"1"},"code":"library(dplyr)\n\nmtcars |> \n  group_by(cyl) |> \n  summarise(mean = mean(disp), n = n())"},{"id":5,"options":{"results":"markup","dpi":72,"read-only":"false","comment":"","warning":"true","editor-quick-suggestions":"false","classes":"","editor-word-wrap":"true","label":"unnamed-chunk-5","out-width":"700px","out-height":"","autorun":"false","fig-height":5,"context":"interactive","editor-max-height":"","message":"true","fig-cap":"","fig-width":7,"output":"true","editor-font-scale":"1"},"code":"plot(mtcars$wt, mtcars$mpg,\n   main = \"Scatterplot in Base R\",\n   xlab = \"Car Weight\", ylab = \"MPG\", \n   col = \"blue\", lwd = 1)\nabline(lm(mtcars$mpg ~ mtcars$wt), col = \"red\")"},{"id":6,"options":{"results":"markup","dpi":72,"read-only":"false","comment":"","warning":"true","editor-quick-suggestions":"false","classes":"","editor-word-wrap":"true","label":"unnamed-chunk-6","out-width":"700px","out-height":"","autorun":"false","fig-height":5,"context":"interactive","editor-max-height":"","message":"true","fig-cap":"","fig-width":7,"output":"true","editor-font-scale":"1"},"code":"library(ggplot2)\n\nggplot(mtcars, aes(x = wt, y = mpg)) +\n  geom_point(size=2, color=\"blue\", stroke=1) + \n  geom_smooth(method=lm, color=\"red\") +\n  ggtitle(\"Scatterplot in ggplot2\") +\n  xlab(\"Car Weight\")"}];
+globalThis.qwebrCellDetails = [{"id":1,"options":{"label":"unnamed-chunk-1","comment":"","out-height":"","out-width":"700px","fig-height":5,"fig-cap":"","autorun":"false","warning":"true","editor-max-height":"","message":"true","output":"true","editor-quick-suggestions":"false","editor-word-wrap":"true","classes":"","read-only":"false","editor-font-scale":"1","dpi":72,"fig-width":7,"context":"interactive","results":"markup"},"code":"within(mtcars, {\n    mtcars[order(cyl, disp), , drop = FALSE]\n})"},{"id":2,"options":{"label":"unnamed-chunk-2","comment":"","out-height":"","out-width":"700px","fig-height":5,"fig-cap":"","autorun":"false","warning":"true","editor-max-height":"","message":"true","output":"true","editor-quick-suggestions":"false","editor-word-wrap":"true","classes":"","read-only":"false","editor-font-scale":"1","dpi":72,"fig-width":7,"context":"interactive","results":"markup"},"code":"library(dplyr)\nmtcars |> \n    arrange(cyl, disp)"},{"id":3,"options":{"label":"unnamed-chunk-3","comment":"","out-height":"","out-width":"700px","fig-height":5,"fig-cap":"","autorun":"false","warning":"true","editor-max-height":"","message":"true","output":"true","editor-quick-suggestions":"false","editor-word-wrap":"true","classes":"","read-only":"false","editor-font-scale":"1","dpi":72,"fig-width":7,"context":"interactive","results":"markup"},"code":"mtcars_by <- by(mtcars, mtcars$cyl, function(df) {\n  with(df, data.frame(cyl = cyl[[1]], mean = mean(disp), n = nrow(df)))\n})\ndo.call(rbind, mtcars_by)"},{"id":4,"options":{"label":"unnamed-chunk-4","comment":"","out-height":"","out-width":"700px","fig-height":5,"fig-cap":"","autorun":"false","warning":"true","editor-max-height":"","message":"true","output":"true","editor-quick-suggestions":"false","editor-word-wrap":"true","classes":"","read-only":"false","editor-font-scale":"1","dpi":72,"fig-width":7,"context":"interactive","results":"markup"},"code":"library(dplyr)\n\nmtcars |> \n  group_by(cyl) |> \n  summarise(mean = mean(disp), n = n())"},{"id":5,"options":{"label":"unnamed-chunk-5","comment":"","out-height":"","out-width":"700px","fig-height":5,"fig-cap":"","autorun":"false","warning":"true","editor-max-height":"","message":"true","output":"true","editor-quick-suggestions":"false","editor-word-wrap":"true","classes":"","read-only":"false","editor-font-scale":"1","dpi":72,"fig-width":7,"context":"interactive","results":"markup"},"code":"plot(mtcars$wt, mtcars$mpg,\n   main = \"Scatterplot in Base R\",\n   xlab = \"Car Weight\", ylab = \"MPG\", \n   col = \"blue\", lwd = 1)\nabline(lm(mtcars$mpg ~ mtcars$wt), col = \"red\")"},{"id":6,"options":{"label":"unnamed-chunk-6","comment":"","out-height":"","out-width":"700px","fig-height":5,"fig-cap":"","autorun":"false","warning":"true","editor-max-height":"","message":"true","output":"true","editor-quick-suggestions":"false","editor-word-wrap":"true","classes":"","read-only":"false","editor-font-scale":"1","dpi":72,"fig-width":7,"context":"interactive","results":"markup"},"code":"library(ggplot2)\n\nggplot(mtcars, aes(x = wt, y = mpg)) +\n  geom_point(size=2, color=\"blue\", stroke=1) + \n  geom_smooth(method=lm, color=\"red\") +\n  ggtitle(\"Scatterplot in ggplot2\") +\n  xlab(\"Car Weight\")"}];
 
 </script>
 <script type="module">
@@ -1703,6 +1712,12 @@ <h2 id="toc-title">Table of contents</h2>
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1756,7 +1771,7 @@ <h2 id="toc-title">Table of contents</h2>
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1782,6 +1797,56 @@ <h2 id="toc-title">Table of contents</h2>
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/examples/book/index.html b/examples/book/index.html
index 190c30e..3dc3c99 100644
--- a/examples/book/index.html
+++ b/examples/book/index.html
@@ -7,7 +7,7 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 
 <meta name="author" content="JJB">
-<meta name="dcterms.date" content="2024-06-16">
+<meta name="dcterms.date" content="2024-06-18">
 
 <title>Sample quarto-webr Book Project</title>
 <style>
@@ -191,6 +191,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -350,7 +359,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"code":"print(\"Hello there! Welcome to a quarto-webR powered book!\")","options":{"editor-max-height":"","comment":"","dpi":72,"editor-word-wrap":"true","message":"true","warning":"true","output":"true","classes":"","read-only":"false","out-height":"","label":"unnamed-chunk-1","fig-height":5,"fig-cap":"","fig-width":7,"context":"interactive","out-width":"700px","editor-font-scale":"1","results":"markup","autorun":"false","editor-quick-suggestions":"false"},"id":1}];
+globalThis.qwebrCellDetails = [{"options":{"out-width":"700px","autorun":"false","fig-width":7,"editor-quick-suggestions":"false","read-only":"false","fig-height":5,"message":"true","label":"unnamed-chunk-1","results":"markup","comment":"","editor-font-scale":"1","editor-word-wrap":"true","out-height":"","warning":"true","fig-cap":"","context":"interactive","dpi":72,"classes":"","editor-max-height":"","output":"true"},"code":"print(\"Hello there! Welcome to a quarto-webR powered book!\")","id":1}];
 
 </script>
 <script type="module">
@@ -1702,6 +1711,12 @@ <h2 id="toc-title">Table of contents</h2>
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1755,7 +1770,7 @@ <h2 id="toc-title">Table of contents</h2>
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1781,6 +1796,56 @@ <h2 id="toc-title">Table of contents</h2>
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
@@ -1892,7 +1957,7 @@ <h1 class="title">Sample quarto-webr Book Project</h1>
     <div>
     <div class="quarto-title-meta-heading">Published</div>
     <div class="quarto-title-meta-contents">
-      <p class="date">June 16, 2024</p>
+      <p class="date">June 18, 2024</p>
     </div>
   </div>
   
diff --git a/examples/html-document/index.html b/examples/html-document/index.html
index 4a7333c..4c1edcc 100644
--- a/examples/html-document/index.html
+++ b/examples/html-document/index.html
@@ -155,6 +155,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -314,7 +323,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"id":1,"options":{"read-only":"false","editor-quick-suggestions":"false","out-width":"700px","message":"true","results":"markup","editor-font-scale":"1","fig-cap":"","out-height":"","comment":"","output":"true","fig-width":7,"classes":"","dpi":72,"fig-height":5,"editor-word-wrap":"true","editor-max-height":"","autorun":"false","warning":"true","context":"interactive","label":"unnamed-chunk-1"},"code":"print(\"Hello there! Welcome to a quarto-webR powered HTML Document!\")"}];
+globalThis.qwebrCellDetails = [{"options":{"editor-font-scale":"1","fig-cap":"","autorun":"false","fig-width":7,"dpi":72,"label":"unnamed-chunk-1","out-width":"700px","out-height":"","context":"interactive","message":"true","comment":"","read-only":"false","output":"true","editor-quick-suggestions":"false","editor-word-wrap":"true","results":"markup","warning":"true","fig-height":5,"classes":"","editor-max-height":""},"id":1,"code":"print(\"Hello there! Welcome to a quarto-webR powered HTML Document!\")"}];
 
 </script>
 <script type="module">
@@ -1578,6 +1587,12 @@
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1631,7 +1646,7 @@
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1657,6 +1672,56 @@
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/examples/readme/index.html b/examples/readme/index.html
index a75b611..b70c7a3 100644
--- a/examples/readme/index.html
+++ b/examples/readme/index.html
@@ -155,6 +155,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -314,7 +323,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"id":1,"code":"fit = lm(mpg ~ am, data = mtcars)\n\nsummary(fit)","options":{"out-width":"700px","editor-quick-suggestions":"false","results":"markup","warning":"true","fig-height":5,"fig-cap":"","label":"unnamed-chunk-1","message":"true","read-only":"false","comment":"","out-height":"","editor-word-wrap":"true","fig-width":7,"autorun":"false","classes":"","context":"interactive","editor-font-scale":"1","editor-max-height":"","output":"true","dpi":72}}];
+globalThis.qwebrCellDetails = [{"id":1,"code":"fit = lm(mpg ~ am, data = mtcars)\n\nsummary(fit)","options":{"output":"true","comment":"","editor-font-scale":"1","fig-cap":"","message":"true","classes":"","dpi":72,"label":"unnamed-chunk-1","warning":"true","autorun":"false","fig-width":7,"out-height":"","results":"markup","fig-height":5,"context":"interactive","editor-max-height":"","out-width":"700px","editor-quick-suggestions":"false","read-only":"false","editor-word-wrap":"true"}}];
 
 </script>
 <script type="module">
@@ -1578,6 +1587,12 @@
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1631,7 +1646,7 @@
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1657,6 +1672,56 @@
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/examples/revealjs/index.html b/examples/revealjs/index.html
index e82832c..0a17d8c 100644
--- a/examples/revealjs/index.html
+++ b/examples/revealjs/index.html
@@ -506,6 +506,15 @@
     color: #696969;
   }
 
+  /* Style the code highlight lines */
+  body.quarto-light .qwebr-editor-highlight-line {
+    background-color: lightblue;
+  }
+
+  body.quarto-dark .qwebr-editor-highlight-line {
+    background-color: darkblue;
+  }
+
   /* Style the modal pop-up */
 
   /* The Modal (background) */
@@ -665,7 +674,7 @@
   };
 
   // Store cell data
-  globalThis.qwebrCellDetails = [{"options":{"fig-height":5,"fig-cap":"","classes":"","editor-max-height":"","out-height":"","output":"true","dpi":72,"label":"unnamed-chunk-1","comment":"","editor-quick-suggestions":"false","editor-font-scale":"0.5","fig-width":7,"out-width":"700px","message":"true","results":"markup","autorun":"false","editor-word-wrap":"true","warning":"true","read-only":"false","context":"interactive"},"code":"fit = lm(mpg ~ wt, data = mtcars)\n\nsummary(fit)","id":1},{"options":{"fig-height":5,"fig-cap":"","classes":"","editor-max-height":"","out-height":"","output":"true","dpi":72,"label":"unnamed-chunk-2","comment":"","editor-quick-suggestions":"false","editor-font-scale":"0.5","fig-width":7,"out-width":"700px","message":"true","results":"markup","autorun":"false","editor-word-wrap":"true","warning":"true","read-only":"false","context":"interactive"},"code":"plot(pressure)","id":2},{"options":{"fig-height":5,"fig-cap":"","classes":"","editor-max-height":"","out-height":"","output":"true","dpi":72,"label":"unnamed-chunk-3","comment":"","editor-quick-suggestions":"false","editor-font-scale":"0.5","fig-width":7,"out-width":"700px","message":"true","results":"markup","autorun":"false","editor-word-wrap":"true","warning":"true","read-only":"false","context":"interactive"},"code":"ggplot(mpg, aes(displ, hwy, colour = class)) + \n  geom_point()","id":3},{"options":{"fig-height":5,"fig-cap":"","classes":"","editor-max-height":"","out-height":"","output":"true","dpi":72,"label":"unnamed-chunk-4","comment":"","editor-quick-suggestions":"false","editor-font-scale":"0.5","fig-width":7,"out-width":"700px","message":"true","results":"markup","autorun":"false","editor-word-wrap":"true","warning":"true","read-only":"false","context":"interactive"},"code":"?mean","id":4},{"options":{"fig-height":5,"fig-cap":"","classes":"","editor-max-height":"","out-height":"","output":"true","dpi":72,"label":"unnamed-chunk-5","comment":"","editor-quick-suggestions":"false","editor-font-scale":"0.5","fig-width":7,"out-width":"700px","message":"true","results":"markup","autorun":"false","editor-word-wrap":"true","warning":"true","read-only":"false","context":"interactive"},"code":"cat(\"Hello there!\\n\")\n\nx = c(1, 2, 3)\nprint(x)\n\nwarning(\"Uh-oh, something is amiss\")\n\nstop(\"I'm sorry Dave, I'm afraid I can't do that\")","id":5},{"options":{"fig-height":5,"fig-cap":"","classes":"","editor-max-height":"","out-height":"","output":"true","dpi":72,"label":"unnamed-chunk-6","comment":"","editor-quick-suggestions":"false","editor-font-scale":"0.5","fig-width":7,"out-width":"700px","message":"true","results":"markup","autorun":"false","editor-word-wrap":"true","warning":"true","read-only":"false","context":"interactive"},"code":"print(\"Hello quarto-webr RevealJS world!\")\n\n3 + 5","id":6}];
+  globalThis.qwebrCellDetails = [{"id":1,"options":{"out-height":"","output":"true","label":"unnamed-chunk-1","comment":"","classes":"","warning":"true","context":"interactive","out-width":"700px","fig-width":7,"fig-height":5,"editor-font-scale":"0.5","results":"markup","autorun":"false","message":"true","editor-word-wrap":"true","read-only":"false","fig-cap":"","dpi":72,"editor-quick-suggestions":"false","editor-max-height":""},"code":"fit = lm(mpg ~ wt, data = mtcars)\n\nsummary(fit)"},{"id":2,"options":{"out-height":"","output":"true","label":"unnamed-chunk-2","comment":"","classes":"","warning":"true","context":"interactive","out-width":"700px","fig-width":7,"fig-height":5,"editor-font-scale":"0.5","results":"markup","autorun":"false","message":"true","editor-word-wrap":"true","read-only":"false","fig-cap":"","dpi":72,"editor-quick-suggestions":"false","editor-max-height":""},"code":"plot(pressure)"},{"id":3,"options":{"out-height":"","output":"true","label":"unnamed-chunk-3","comment":"","classes":"","warning":"true","context":"interactive","out-width":"700px","fig-width":7,"fig-height":5,"editor-font-scale":"0.5","results":"markup","autorun":"false","message":"true","editor-word-wrap":"true","read-only":"false","fig-cap":"","dpi":72,"editor-quick-suggestions":"false","editor-max-height":""},"code":"ggplot(mpg, aes(displ, hwy, colour = class)) + \n  geom_point()"},{"id":4,"options":{"out-height":"","output":"true","label":"unnamed-chunk-4","comment":"","classes":"","warning":"true","context":"interactive","out-width":"700px","fig-width":7,"fig-height":5,"editor-font-scale":"0.5","results":"markup","autorun":"false","message":"true","editor-word-wrap":"true","read-only":"false","fig-cap":"","dpi":72,"editor-quick-suggestions":"false","editor-max-height":""},"code":"?mean"},{"id":5,"options":{"out-height":"","output":"true","label":"unnamed-chunk-5","comment":"","classes":"","warning":"true","context":"interactive","out-width":"700px","fig-width":7,"fig-height":5,"editor-font-scale":"0.5","results":"markup","autorun":"false","message":"true","editor-word-wrap":"true","read-only":"false","fig-cap":"","dpi":72,"editor-quick-suggestions":"false","editor-max-height":""},"code":"cat(\"Hello there!\\n\")\n\nx = c(1, 2, 3)\nprint(x)\n\nwarning(\"Uh-oh, something is amiss\")\n\nstop(\"I'm sorry Dave, I'm afraid I can't do that\")"},{"id":6,"options":{"out-height":"","output":"true","label":"unnamed-chunk-6","comment":"","classes":"","warning":"true","context":"interactive","out-width":"700px","fig-width":7,"fig-height":5,"editor-font-scale":"0.5","results":"markup","autorun":"false","message":"true","editor-word-wrap":"true","read-only":"false","fig-cap":"","dpi":72,"editor-quick-suggestions":"false","editor-max-height":""},"code":"print(\"Hello quarto-webr RevealJS world!\")\n\n3 + 5"}];
 
   </script>
   <script type="module">
@@ -1922,6 +1931,12 @@
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1975,7 +1990,7 @@
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -2001,6 +2016,56 @@
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/examples/website/example-page.html b/examples/website/example-page.html
index 86766c2..bd05f8f 100644
--- a/examples/website/example-page.html
+++ b/examples/website/example-page.html
@@ -188,6 +188,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -347,7 +356,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"id":1,"options":{"autorun":"false","out-height":"","fig-height":5,"label":"unnamed-chunk-1","fig-width":7,"comment":"","editor-quick-suggestions":"false","warning":"true","results":"markup","out-width":"700px","output":"true","dpi":72,"read-only":"false","editor-font-scale":"1","context":"interactive","fig-cap":"","editor-word-wrap":"true","editor-max-height":"","classes":"","message":"true"},"code":"library(ggplot2)\n\np <- ggplot(mpg, aes(cyl, hwy))\np + geom_jitter(aes(colour = class))"}];
+globalThis.qwebrCellDetails = [{"id":1,"code":"library(ggplot2)\n\np <- ggplot(mpg, aes(cyl, hwy))\np + geom_jitter(aes(colour = class))","options":{"read-only":"false","warning":"true","context":"interactive","results":"markup","editor-word-wrap":"true","autorun":"false","out-height":"","message":"true","label":"unnamed-chunk-1","editor-quick-suggestions":"false","out-width":"700px","fig-width":7,"output":"true","classes":"","fig-height":5,"editor-font-scale":"1","dpi":72,"comment":"","editor-max-height":"","fig-cap":""}}];
 
 </script>
 <script type="module">
@@ -1710,6 +1719,12 @@
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1763,7 +1778,7 @@
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1789,6 +1804,56 @@
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/examples/website/index.html b/examples/website/index.html
index c351134..7e5a4fc 100644
--- a/examples/website/index.html
+++ b/examples/website/index.html
@@ -188,6 +188,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -347,7 +356,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"id":1,"options":{"classes":"","fig-cap":"","autorun":"false","editor-word-wrap":"true","fig-width":7,"editor-font-scale":"1","out-width":"700px","dpi":72,"out-height":"","results":"markup","message":"true","output":"true","editor-max-height":"","comment":"","label":"unnamed-chunk-1","read-only":"false","warning":"true","editor-quick-suggestions":"false","fig-height":5,"context":"interactive"},"code":"print(\"Hello there! Welcome to a quarto-webR powered website!\")"}];
+globalThis.qwebrCellDetails = [{"options":{"context":"interactive","editor-word-wrap":"true","label":"unnamed-chunk-1","classes":"","fig-height":5,"editor-max-height":"","output":"true","fig-width":7,"editor-quick-suggestions":"false","results":"markup","out-width":"700px","editor-font-scale":"1","comment":"","warning":"true","message":"true","read-only":"false","dpi":72,"fig-cap":"","out-height":"","autorun":"false"},"id":1,"code":"print(\"Hello there! Welcome to a quarto-webR powered website!\")"}];
 
 </script>
 <script type="module">
@@ -1710,6 +1719,12 @@
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1763,7 +1778,7 @@
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1789,6 +1804,56 @@
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/index.html b/index.html
index 5ae9730..88c45e3 100644
--- a/index.html
+++ b/index.html
@@ -199,6 +199,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -358,7 +367,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"options":{"results":"markup","label":"unnamed-chunk-1","output":"true","autorun":"false","fig-width":7,"editor-font-scale":"1","editor-quick-suggestions":"false","comment":"","editor-word-wrap":"true","out-height":"","out-width":"700px","editor-max-height":"","context":"interactive","classes":"","warning":"true","message":"true","fig-height":5,"read-only":"false","dpi":72,"fig-cap":""},"id":1,"code":"# Fit a linear model\nmodel = lm(mpg ~ wt, data = mtcars)\n\n# Obtain a summary\nsummary(model)"}];
+globalThis.qwebrCellDetails = [{"options":{"message":"true","fig-width":7,"context":"interactive","fig-cap":"","out-height":"","editor-max-height":"","dpi":72,"editor-font-scale":"1","classes":"","label":"unnamed-chunk-1","out-width":"700px","fig-height":5,"editor-word-wrap":"true","results":"markup","comment":"","output":"true","read-only":"false","editor-quick-suggestions":"false","autorun":"false","warning":"true"},"id":1,"code":"# Fit a linear model\nmodel = lm(mpg ~ wt, data = mtcars)\n\n# Obtain a summary\nsummary(model)"}];
 
 </script>
 <script type="module">
@@ -1858,6 +1867,12 @@
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1911,7 +1926,7 @@
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1937,6 +1952,56 @@
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/qwebr-acknowledgements.html b/qwebr-acknowledgements.html
index c205130..da12a4f 100644
--- a/qwebr-acknowledgements.html
+++ b/qwebr-acknowledgements.html
@@ -354,7 +354,7 @@ <h1 class="title">Acknowledgments and Collaborations</h1>
     <div>
     <div class="quarto-title-meta-heading">Modified</div>
     <div class="quarto-title-meta-contents">
-      <p class="date-modified">June 16, 2024</p>
+      <p class="date-modified">June 18, 2024</p>
     </div>
   </div>
     
diff --git a/qwebr-cell-options.html b/qwebr-cell-options.html
index 1ce627e..7562c75 100644
--- a/qwebr-cell-options.html
+++ b/qwebr-cell-options.html
@@ -390,7 +390,7 @@ <h1 class="title">Code Cell Options</h1>
     <div>
     <div class="quarto-title-meta-heading">Modified</div>
     <div class="quarto-title-meta-contents">
-      <p class="date-modified">June 16, 2024</p>
+      <p class="date-modified">June 18, 2024</p>
     </div>
   </div>
     
diff --git a/qwebr-code-cell-demos.html b/qwebr-code-cell-demos.html
index 944e3ca..bbe322b 100644
--- a/qwebr-code-cell-demos.html
+++ b/qwebr-code-cell-demos.html
@@ -235,6 +235,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -394,7 +403,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"options":{"editor-max-height":"","editor-font-scale":"1","label":"unnamed-chunk-1","classes":"","read-only":"false","dpi":72,"context":"interactive","autorun":"false","warning":"true","fig-height":5,"editor-word-wrap":"true","fig-width":7,"output":"true","out-height":"","editor-quick-suggestions":"false","message":"true","out-width":"700px","comment":"","results":"markup","fig-cap":""},"code":"1 + 1","id":1},{"options":{"editor-max-height":"","editor-font-scale":"1","label":"unnamed-chunk-2","classes":"","read-only":"false","dpi":72,"context":"interactive","autorun":"false","warning":"true","fig-height":5,"editor-word-wrap":"true","fig-width":7,"output":"true","out-height":"","editor-quick-suggestions":"false","message":"true","out-width":"700px","comment":"","results":"markup","fig-cap":""},"code":"fit <- lm(mpg ~ vs, data = mtcars)\n\nsummary(fit)","id":2},{"options":{"editor-max-height":"","editor-font-scale":"1","label":"unnamed-chunk-3","classes":"","read-only":"false","dpi":72,"context":"interactive","autorun":"false","warning":"true","fig-height":5,"editor-word-wrap":"true","fig-width":7,"output":"true","out-height":"","editor-quick-suggestions":"false","message":"true","out-width":"700px","comment":"","results":"markup","fig-cap":""},"code":"# Try running selected code at the start of the line\nprint(\"Hello quarto-webr World!\")\n\n# Try highlight only -3 or 5 and pressing the keys required\n# for the \"selected code\" approach\n-3 + 5\n\n# Finally, try running the entire code cell by using Shift + ↩","id":3},{"options":{"editor-max-height":"","editor-font-scale":"1","label":"unnamed-chunk-4","classes":"","read-only":"true","dpi":72,"context":"interactive","autorun":"false","warning":"true","fig-height":5,"editor-word-wrap":"true","fig-width":7,"output":"true","out-height":"","editor-quick-suggestions":"false","message":"true","out-width":"700px","comment":"","results":"markup","fig-cap":""},"code":"1 + 1","id":4},{"options":{"editor-max-height":"","editor-font-scale":"1","label":"unnamed-chunk-5","classes":"","read-only":"false","dpi":72,"context":"interactive","autorun":"false","warning":"true","fig-height":5,"editor-word-wrap":"true","fig-width":7,"output":"true","out-height":"","editor-quick-suggestions":"false","message":"true","out-width":"700px","comment":"","results":"markup","fig-cap":""},"code":"plot(\n  mpg ~ wt,\n  data = mtcars,\n  col = \"blue\", \n  xlab = \"Miles/(US) gallon\",\n  ylab = \"Weight (1000 lbs)\",\n  main = \"Miles per Gallon and Weight of Cars\",\n  sub = \"Source: 1974 Motor Trend US magazine.\"\n)","id":5},{"options":{"editor-max-height":"","editor-font-scale":"1","label":"unnamed-chunk-6","classes":"","read-only":"false","dpi":72,"context":"interactive","autorun":"false","warning":"true","fig-height":5,"editor-word-wrap":"true","fig-width":7,"output":"true","out-height":"","editor-quick-suggestions":"false","message":"true","out-width":"700px","comment":"","results":"markup","fig-cap":""},"code":"35 + ________","id":6},{"options":{"editor-max-height":"","editor-font-scale":"1","label":"unnamed-chunk-7","classes":"","read-only":"false","dpi":72,"context":"interactive","autorun":"false","warning":"true","fig-height":5,"editor-word-wrap":"true","fig-width":7,"output":"true","out-height":"","editor-quick-suggestions":"false","message":"true","out-width":"700px","comment":"","results":"markup","fig-cap":""},"code":"# Create a copy of the data\nmtcars2 <- mtcars\n\n# Change variable to a factor\nmtcars2$vs <- factor(mtcars2$vs, labels = c(\"V\", \"S\"))\n\nmodified_vs_data = data.frame(\n  \"original_vs\" = mtcars$vs,\n  \"modified_vs\" = mtcars2$vs\n)\n\nhead(modified_vs_data)","id":7},{"options":{"editor-max-height":"","editor-font-scale":"1","label":"unnamed-chunk-8","classes":"","read-only":"false","dpi":72,"context":"interactive","autorun":"false","warning":"true","fig-height":5,"editor-word-wrap":"true","fig-width":7,"output":"true","out-height":"","editor-quick-suggestions":"false","message":"true","out-width":"700px","comment":"","results":"markup","fig-cap":""},"code":"webr::install(\"ggplot2\")","id":8},{"options":{"editor-max-height":"","editor-font-scale":"1","label":"unnamed-chunk-9","classes":"","read-only":"false","dpi":72,"context":"interactive","autorun":"false","warning":"true","fig-height":5,"editor-word-wrap":"true","fig-width":7,"output":"true","out-height":"","editor-quick-suggestions":"false","message":"true","out-width":"700px","comment":"","results":"markup","fig-cap":""},"code":"library(ggplot2)\n\np <- ggplot(mpg, aes(class, hwy))\np + geom_boxplot()","id":9},{"options":{"editor-max-height":"","editor-font-scale":"1","label":"unnamed-chunk-10","classes":"","read-only":"false","dpi":72,"context":"interactive","autorun":"false","warning":"true","fig-height":5,"editor-word-wrap":"true","fig-width":7,"output":"true","out-height":"","editor-quick-suggestions":"false","message":"true","out-width":"700px","comment":"","results":"markup","fig-cap":""},"code":"name <- \"James\"\nage <- 42","id":10},{"options":{"editor-max-height":"","editor-font-scale":"1","label":"unnamed-chunk-11","classes":"","read-only":"false","dpi":72,"context":"interactive","autorun":"false","warning":"true","fig-height":5,"editor-word-wrap":"true","fig-width":7,"output":"true","out-height":"","editor-quick-suggestions":"false","message":"true","out-width":"700px","comment":"","results":"markup","fig-cap":""},"code":"message(name, \" is \", age, \" years old!\")","id":11},{"options":{"editor-max-height":"","editor-font-scale":"1","label":"unnamed-chunk-12","classes":"","read-only":"false","dpi":72,"context":"interactive","autorun":"false","warning":"true","fig-height":5,"editor-word-wrap":"true","fig-width":7,"output":"true","out-height":"","editor-quick-suggestions":"false","message":"true","out-width":"700px","comment":"","results":"markup","fig-cap":""},"code":"say_hello = function(name) {\n  msg = paste0(\"Hello \", name, \"! Welcome to webR :)\")\n  return(msg)\n}\n\nsay_hello(\"James\")","id":12},{"options":{"editor-max-height":"","editor-font-scale":"1","label":"unnamed-chunk-13","classes":"","read-only":"false","dpi":72,"context":"interactive","autorun":"false","warning":"true","fig-height":5,"editor-word-wrap":"true","fig-width":7,"output":"true","out-height":"","editor-quick-suggestions":"false","message":"true","out-width":"700px","comment":"","results":"markup","fig-cap":""},"code":"say_hello(\"Hulya\")","id":13},{"options":{"editor-max-height":"","editor-font-scale":"1","label":"unnamed-chunk-14","classes":"","read-only":"false","dpi":72,"context":"interactive","autorun":"false","warning":"true","fig-height":5,"editor-word-wrap":"true","fig-width":7,"output":"true","out-height":"","editor-quick-suggestions":"false","message":"true","out-width":"700px","comment":"","results":"markup","fig-cap":""},"code":"stop(\"This is a hard error\")","id":14},{"options":{"editor-max-height":"","editor-font-scale":"1","label":"unnamed-chunk-15","classes":"","read-only":"false","dpi":72,"context":"interactive","autorun":"false","warning":"true","fig-height":5,"editor-word-wrap":"true","fig-width":7,"output":"true","out-height":"","editor-quick-suggestions":"false","message":"true","out-width":"700px","comment":"","results":"markup","fig-cap":""},"code":"variable_not_defined","id":15},{"options":{"editor-max-height":"","editor-font-scale":"1","label":"unnamed-chunk-16","classes":"","read-only":"false","dpi":72,"context":"interactive","autorun":"false","warning":"true","fig-height":5,"editor-word-wrap":"true","fig-width":7,"output":"true","out-height":"","editor-quick-suggestions":"false","message":"true","out-width":"700px","comment":"","results":"markup","fig-cap":""},"code":"warning(\"Uh-oh, there's a warning!\")\n\n# Compute a value\n1 + 1","id":16},{"options":{"editor-max-height":"","editor-font-scale":"1","label":"unnamed-chunk-17","classes":"","read-only":"false","dpi":72,"context":"interactive","autorun":"false","warning":"true","fig-height":5,"editor-word-wrap":"true","fig-width":7,"output":"true","out-height":"","editor-quick-suggestions":"false","message":"true","out-width":"700px","comment":"","results":"markup","fig-cap":""},"code":"quadratic_roots <- function(a, b, c) {\n\n  cat(paste0(\"Analyzing the quadratic equation: \", a, \"x^2 + \", b, \"x + \", c, \".\"))\n\n  discriminant <- (b^2) - (4*a*c)\n\n  # Check if there are 2 solutions\n  if(discriminant != 0) {\n\n    # Are the solutions imaginary?\n    if(discriminant < 0) {\n      warning(\"There are no real-numbered roots for this quadratic equation.\")\n      discriminant <- as.complex(discriminant)\n    }\n    \n    # Compute the solutions\n    x_intercepts <- (-b + c(-1, 1) * sqrt(discriminant)) / (2*a)\n\n    return(x_intercepts)\n  } \n\n  # When the discriminant is 0, compute a single solution.\n  x_intercept <- (-b) / (2*a)\n\n  return(x_intercept)\n}\n\nquadratic_roots(1, 3, 7)","id":17},{"options":{"editor-max-height":"","editor-font-scale":"1","label":"unnamed-chunk-18","classes":"","read-only":"false","dpi":72,"context":"interactive","autorun":"false","warning":"true","fig-height":5,"editor-word-wrap":"true","fig-width":7,"output":"true","out-height":"","editor-quick-suggestions":"false","message":"true","out-width":"700px","comment":"","results":"markup","fig-cap":""},"code":"seven_seas <- \"Ahoy, matey!\\nLet's set sail for adventure!\\n\"\nseven_seas","id":18},{"options":{"editor-max-height":"","editor-font-scale":"1","label":"unnamed-chunk-19","classes":"","read-only":"false","dpi":72,"context":"interactive","autorun":"false","warning":"true","fig-height":5,"editor-word-wrap":"true","fig-width":7,"output":"true","out-height":"","editor-quick-suggestions":"false","message":"true","out-width":"700px","comment":"","results":"markup","fig-cap":""},"code":"add_one <- \\(x) x + 1\nadd_one(2)","id":19},{"options":{"editor-max-height":"","editor-font-scale":"1","label":"unnamed-chunk-20","classes":"","read-only":"false","dpi":72,"context":"interactive","autorun":"false","warning":"true","fig-height":5,"editor-word-wrap":"true","fig-width":7,"output":"true","out-height":"","editor-quick-suggestions":"false","message":"true","out-width":"700px","comment":"","results":"markup","fig-cap":""},"code":"","id":20}];
+globalThis.qwebrCellDetails = [{"id":1,"options":{"editor-font-scale":"1","read-only":"false","results":"markup","comment":"","warning":"true","fig-cap":"","editor-word-wrap":"true","output":"true","out-width":"700px","dpi":72,"editor-max-height":"","out-height":"","context":"interactive","fig-width":7,"editor-quick-suggestions":"false","autorun":"false","label":"unnamed-chunk-1","fig-height":5,"classes":"","message":"true"},"code":"1 + 1"},{"id":2,"options":{"editor-font-scale":"1","read-only":"false","results":"markup","comment":"","warning":"true","fig-cap":"","editor-word-wrap":"true","output":"true","out-width":"700px","dpi":72,"editor-max-height":"","out-height":"","context":"interactive","fig-width":7,"editor-quick-suggestions":"false","autorun":"false","label":"unnamed-chunk-2","fig-height":5,"classes":"","message":"true"},"code":"fit <- lm(mpg ~ vs, data = mtcars)\n\nsummary(fit)"},{"id":3,"options":{"editor-font-scale":"1","read-only":"false","results":"markup","comment":"","warning":"true","fig-cap":"","editor-word-wrap":"true","output":"true","out-width":"700px","dpi":72,"editor-max-height":"","out-height":"","context":"interactive","fig-width":7,"editor-quick-suggestions":"false","autorun":"false","label":"unnamed-chunk-3","fig-height":5,"classes":"","message":"true"},"code":"# Try running selected code at the start of the line\nprint(\"Hello quarto-webr World!\")\n\n# Try highlight only -3 or 5 and pressing the keys required\n# for the \"selected code\" approach\n-3 + 5\n\n# Finally, try running the entire code cell by using Shift + ↩"},{"id":4,"options":{"editor-font-scale":"1","read-only":"true","results":"markup","comment":"","warning":"true","fig-cap":"","editor-word-wrap":"true","output":"true","out-width":"700px","dpi":72,"editor-max-height":"","out-height":"","context":"interactive","fig-width":7,"editor-quick-suggestions":"false","autorun":"false","label":"unnamed-chunk-4","fig-height":5,"classes":"","message":"true"},"code":"1 + 1"},{"id":5,"options":{"editor-font-scale":"1","read-only":"true","results":"markup","comment":"","warning":"true","fig-cap":"","editor-word-wrap":"true","output":"true","out-width":"700px","dpi":72,"editor-code-line-numbers":"1-3,6","editor-max-height":"","out-height":"","context":"interactive","fig-width":7,"editor-quick-suggestions":"false","autorun":"false","label":"unnamed-chunk-5","fig-height":5,"classes":"","message":"true"},"code":"\n# This is a comment\n1 + 1\n2 + 2\n3 + 3\n\n# This is another comment"},{"id":6,"options":{"editor-font-scale":"1","read-only":"false","results":"markup","comment":"","warning":"true","fig-cap":"","editor-word-wrap":"true","output":"true","out-width":"700px","dpi":72,"editor-max-height":"","out-height":"","context":"interactive","fig-width":7,"editor-quick-suggestions":"false","autorun":"false","label":"unnamed-chunk-6","fig-height":5,"classes":"","message":"true"},"code":"plot(\n  mpg ~ wt,\n  data = mtcars,\n  col = \"blue\", \n  xlab = \"Miles/(US) gallon\",\n  ylab = \"Weight (1000 lbs)\",\n  main = \"Miles per Gallon and Weight of Cars\",\n  sub = \"Source: 1974 Motor Trend US magazine.\"\n)"},{"id":7,"options":{"editor-font-scale":"1","read-only":"false","results":"markup","comment":"","warning":"true","fig-cap":"","editor-word-wrap":"true","output":"true","out-width":"700px","dpi":72,"editor-max-height":"","out-height":"","context":"interactive","fig-width":7,"editor-quick-suggestions":"false","autorun":"false","label":"unnamed-chunk-7","fig-height":5,"classes":"","message":"true"},"code":"35 + ________"},{"id":8,"options":{"editor-font-scale":"1","read-only":"false","results":"markup","comment":"","warning":"true","fig-cap":"","editor-word-wrap":"true","output":"true","out-width":"700px","dpi":72,"editor-max-height":"","out-height":"","context":"interactive","fig-width":7,"editor-quick-suggestions":"false","autorun":"false","label":"unnamed-chunk-8","fig-height":5,"classes":"","message":"true"},"code":"# Create a copy of the data\nmtcars2 <- mtcars\n\n# Change variable to a factor\nmtcars2$vs <- factor(mtcars2$vs, labels = c(\"V\", \"S\"))\n\nmodified_vs_data = data.frame(\n  \"original_vs\" = mtcars$vs,\n  \"modified_vs\" = mtcars2$vs\n)\n\nhead(modified_vs_data)"},{"id":9,"options":{"editor-font-scale":"1","read-only":"false","results":"markup","comment":"","warning":"true","fig-cap":"","editor-word-wrap":"true","output":"true","out-width":"700px","dpi":72,"editor-max-height":"","out-height":"","context":"interactive","fig-width":7,"editor-quick-suggestions":"false","autorun":"false","label":"unnamed-chunk-9","fig-height":5,"classes":"","message":"true"},"code":"webr::install(\"ggplot2\")"},{"id":10,"options":{"editor-font-scale":"1","read-only":"false","results":"markup","comment":"","warning":"true","fig-cap":"","editor-word-wrap":"true","output":"true","out-width":"700px","dpi":72,"editor-max-height":"","out-height":"","context":"interactive","fig-width":7,"editor-quick-suggestions":"false","autorun":"false","label":"unnamed-chunk-10","fig-height":5,"classes":"","message":"true"},"code":"library(ggplot2)\n\np <- ggplot(mpg, aes(class, hwy))\np + geom_boxplot()"},{"id":11,"options":{"editor-font-scale":"1","read-only":"false","results":"markup","comment":"","warning":"true","fig-cap":"","editor-word-wrap":"true","output":"true","out-width":"700px","dpi":72,"editor-max-height":"","out-height":"","context":"interactive","fig-width":7,"editor-quick-suggestions":"false","autorun":"false","label":"unnamed-chunk-11","fig-height":5,"classes":"","message":"true"},"code":"name <- \"James\"\nage <- 42"},{"id":12,"options":{"editor-font-scale":"1","read-only":"false","results":"markup","comment":"","warning":"true","fig-cap":"","editor-word-wrap":"true","output":"true","out-width":"700px","dpi":72,"editor-max-height":"","out-height":"","context":"interactive","fig-width":7,"editor-quick-suggestions":"false","autorun":"false","label":"unnamed-chunk-12","fig-height":5,"classes":"","message":"true"},"code":"message(name, \" is \", age, \" years old!\")"},{"id":13,"options":{"editor-font-scale":"1","read-only":"false","results":"markup","comment":"","warning":"true","fig-cap":"","editor-word-wrap":"true","output":"true","out-width":"700px","dpi":72,"editor-max-height":"","out-height":"","context":"interactive","fig-width":7,"editor-quick-suggestions":"false","autorun":"false","label":"unnamed-chunk-13","fig-height":5,"classes":"","message":"true"},"code":"say_hello = function(name) {\n  msg = paste0(\"Hello \", name, \"! Welcome to webR :)\")\n  return(msg)\n}\n\nsay_hello(\"James\")"},{"id":14,"options":{"editor-font-scale":"1","read-only":"false","results":"markup","comment":"","warning":"true","fig-cap":"","editor-word-wrap":"true","output":"true","out-width":"700px","dpi":72,"editor-max-height":"","out-height":"","context":"interactive","fig-width":7,"editor-quick-suggestions":"false","autorun":"false","label":"unnamed-chunk-14","fig-height":5,"classes":"","message":"true"},"code":"say_hello(\"Hulya\")"},{"id":15,"options":{"editor-font-scale":"1","read-only":"false","results":"markup","comment":"","warning":"true","fig-cap":"","editor-word-wrap":"true","output":"true","out-width":"700px","dpi":72,"editor-max-height":"","out-height":"","context":"interactive","fig-width":7,"editor-quick-suggestions":"false","autorun":"false","label":"unnamed-chunk-15","fig-height":5,"classes":"","message":"true"},"code":"stop(\"This is a hard error\")"},{"id":16,"options":{"editor-font-scale":"1","read-only":"false","results":"markup","comment":"","warning":"true","fig-cap":"","editor-word-wrap":"true","output":"true","out-width":"700px","dpi":72,"editor-max-height":"","out-height":"","context":"interactive","fig-width":7,"editor-quick-suggestions":"false","autorun":"false","label":"unnamed-chunk-16","fig-height":5,"classes":"","message":"true"},"code":"variable_not_defined"},{"id":17,"options":{"editor-font-scale":"1","read-only":"false","results":"markup","comment":"","warning":"true","fig-cap":"","editor-word-wrap":"true","output":"true","out-width":"700px","dpi":72,"editor-max-height":"","out-height":"","context":"interactive","fig-width":7,"editor-quick-suggestions":"false","autorun":"false","label":"unnamed-chunk-17","fig-height":5,"classes":"","message":"true"},"code":"warning(\"Uh-oh, there's a warning!\")\n\n# Compute a value\n1 + 1"},{"id":18,"options":{"editor-font-scale":"1","read-only":"false","results":"markup","comment":"","warning":"true","fig-cap":"","editor-word-wrap":"true","output":"true","out-width":"700px","dpi":72,"editor-max-height":"","out-height":"","context":"interactive","fig-width":7,"editor-quick-suggestions":"false","autorun":"false","label":"unnamed-chunk-18","fig-height":5,"classes":"","message":"true"},"code":"quadratic_roots <- function(a, b, c) {\n\n  cat(paste0(\"Analyzing the quadratic equation: \", a, \"x^2 + \", b, \"x + \", c, \".\"))\n\n  discriminant <- (b^2) - (4*a*c)\n\n  # Check if there are 2 solutions\n  if(discriminant != 0) {\n\n    # Are the solutions imaginary?\n    if(discriminant < 0) {\n      warning(\"There are no real-numbered roots for this quadratic equation.\")\n      discriminant <- as.complex(discriminant)\n    }\n    \n    # Compute the solutions\n    x_intercepts <- (-b + c(-1, 1) * sqrt(discriminant)) / (2*a)\n\n    return(x_intercepts)\n  } \n\n  # When the discriminant is 0, compute a single solution.\n  x_intercept <- (-b) / (2*a)\n\n  return(x_intercept)\n}\n\nquadratic_roots(1, 3, 7)"},{"id":19,"options":{"editor-font-scale":"1","read-only":"false","results":"markup","comment":"","warning":"true","fig-cap":"","editor-word-wrap":"true","output":"true","out-width":"700px","dpi":72,"editor-max-height":"","out-height":"","context":"interactive","fig-width":7,"editor-quick-suggestions":"false","autorun":"false","label":"unnamed-chunk-19","fig-height":5,"classes":"","message":"true"},"code":"seven_seas <- \"Ahoy, matey!\\nLet's set sail for adventure!\\n\"\nseven_seas"},{"id":20,"options":{"editor-font-scale":"1","read-only":"false","results":"markup","comment":"","warning":"true","fig-cap":"","editor-word-wrap":"true","output":"true","out-width":"700px","dpi":72,"editor-max-height":"","out-height":"","context":"interactive","fig-width":7,"editor-quick-suggestions":"false","autorun":"false","label":"unnamed-chunk-20","fig-height":5,"classes":"","message":"true"},"code":"add_one <- \\(x) x + 1\nadd_one(2)"},{"id":21,"options":{"editor-font-scale":"1","read-only":"false","results":"markup","comment":"","warning":"true","fig-cap":"","editor-word-wrap":"true","output":"true","out-width":"700px","dpi":72,"editor-max-height":"","out-height":"","context":"interactive","fig-width":7,"editor-quick-suggestions":"false","autorun":"false","label":"unnamed-chunk-21","fig-height":5,"classes":"","message":"true"},"code":""}];
 
 </script>
 <script type="module">
@@ -1840,6 +1849,7 @@ <h2 id="toc-title">On this page</h2>
   <li><a href="#fit-a-linear-regression-model" id="toc-fit-a-linear-regression-model" class="nav-link" data-scroll-target="#fit-a-linear-regression-model">Fit a Linear Regression Model</a></li>
   <li><a href="#line-by-line-execution" id="toc-line-by-line-execution" class="nav-link" data-scroll-target="#line-by-line-execution">Line-by-line Execution</a></li>
   <li><a href="#preventing-modifications-to-code" id="toc-preventing-modifications-to-code" class="nav-link" data-scroll-target="#preventing-modifications-to-code">Preventing Modifications to Code</a></li>
+  <li><a href="#drawing-attention-to-code" id="toc-drawing-attention-to-code" class="nav-link" data-scroll-target="#drawing-attention-to-code">Drawing Attention to Code</a></li>
   <li><a href="#create-a-graph-with-base-r" id="toc-create-a-graph-with-base-r" class="nav-link" data-scroll-target="#create-a-graph-with-base-r">Create a Graph with Base R</a></li>
   <li><a href="#fill-in-the-blanks" id="toc-fill-in-the-blanks" class="nav-link" data-scroll-target="#fill-in-the-blanks">Fill in the Blanks</a></li>
   <li><a href="#data-wrangle-in-real-time" id="toc-data-wrangle-in-real-time" class="nav-link" data-scroll-target="#data-wrangle-in-real-time">Data Wrangle in Real Time</a></li>
@@ -1916,6 +1926,12 @@ <h2 id="toc-title">On this page</h2>
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1969,7 +1985,7 @@ <h2 id="toc-title">On this page</h2>
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1995,6 +2011,56 @@ <h2 id="toc-title">On this page</h2>
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
@@ -2114,7 +2180,7 @@ <h1 class="title">Exploring Interactive Code Cells</h1>
     <div>
     <div class="quarto-title-meta-heading">Modified</div>
     <div class="quarto-title-meta-contents">
-      <p class="date-modified">June 16, 2024</p>
+      <p class="date-modified">June 18, 2024</p>
     </div>
   </div>
     
@@ -2196,10 +2262,41 @@ <h2 class="anchored" data-anchor-id="preventing-modifications-to-code">Preventin
 </div>
 </div>
 </section>
+<section id="drawing-attention-to-code" class="level2">
+<h2 class="anchored" data-anchor-id="drawing-attention-to-code">Drawing Attention to Code</h2>
+<p>Lines of code can be highlighted using <code>editor-code-line-numbers</code> to draw attention to specific parts of the code. For example:</p>
+<ul>
+<li><code>editor-code-line-numbers: 1-3</code> will highlight lines 1 to 3.</li>
+<li><code>editor-code-line-numbers: 1,3,6</code> will highlight lines 1, 3, and 6.</li>
+<li><code>editor-code-line-numbers: 1-3,6</code> will highlight lines 1 to 3 and 6.</li>
+</ul>
+<div class="tabset-margin-container"></div><div class="panel-tabset">
+<ul class="nav nav-tabs" role="tablist"><li class="nav-item" role="presentation"><a class="nav-link active" id="tabset-2-1-tab" data-bs-toggle="tab" data-bs-target="#tabset-2-1" role="tab" aria-controls="tabset-2-1" aria-selected="true"><code>{quarto-webr}</code> Output</a></li><li class="nav-item" role="presentation"><a class="nav-link" id="tabset-2-2-tab" data-bs-toggle="tab" data-bs-target="#tabset-2-2" role="tab" aria-controls="tabset-2-2" aria-selected="false">Cell code</a></li></ul>
+<div class="tab-content">
+<div id="tabset-2-1" class="tab-pane active" role="tabpanel" aria-labelledby="tabset-2-1-tab">
+<div id="qwebr-insertion-location-5"></div>
+<noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
+</div>
+<div id="tabset-2-2" class="tab-pane" role="tabpanel" aria-labelledby="tabset-2-2-tab">
+<div class="sourceCode" id="cb3"><pre class="sourceCode markdown code-with-copy"><code class="sourceCode markdown"><span id="cb3-1"><a href="#cb3-1" aria-hidden="true" tabindex="-1"></a><span class="in">```{webr-r}</span></span>
+<span id="cb3-2"><a href="#cb3-2" aria-hidden="true" tabindex="-1"></a><span class="in">#| read-only: true</span></span>
+<span id="cb3-3"><a href="#cb3-3" aria-hidden="true" tabindex="-1"></a><span class="in">#| editor-code-line-numbers: 1-3,6</span></span>
+<span id="cb3-4"><a href="#cb3-4" aria-hidden="true" tabindex="-1"></a></span>
+<span id="cb3-5"><a href="#cb3-5" aria-hidden="true" tabindex="-1"></a><span class="in"># This is a comment</span></span>
+<span id="cb3-6"><a href="#cb3-6" aria-hidden="true" tabindex="-1"></a><span class="in">1 + 1</span></span>
+<span id="cb3-7"><a href="#cb3-7" aria-hidden="true" tabindex="-1"></a><span class="in">2 + 2</span></span>
+<span id="cb3-8"><a href="#cb3-8" aria-hidden="true" tabindex="-1"></a><span class="in">3 + 3</span></span>
+<span id="cb3-9"><a href="#cb3-9" aria-hidden="true" tabindex="-1"></a></span>
+<span id="cb3-10"><a href="#cb3-10" aria-hidden="true" tabindex="-1"></a><span class="in"># This is another comment</span></span>
+<span id="cb3-11"><a href="#cb3-11" aria-hidden="true" tabindex="-1"></a><span class="in">```</span></span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
+</div>
+</div>
+</div>
+</section>
 <section id="create-a-graph-with-base-r" class="level2">
 <h2 class="anchored" data-anchor-id="create-a-graph-with-base-r">Create a Graph with Base R</h2>
 <p>For this example, webR empowers us to create and visualize data plots interactively. We can tweak labels, colors, or even the variables being used on an as-needed basis to explore “What if …” scenarios. For instance, what if we try changing the value <code>blue</code> to <code>orange</code> and run the code again.</p>
-<div id="qwebr-insertion-location-5"></div>
+<div id="qwebr-insertion-location-6"></div>
 <noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
 </section>
 <section id="fill-in-the-blanks" class="level2">
@@ -2208,13 +2305,13 @@ <h2 class="anchored" data-anchor-id="fill-in-the-blanks">Fill in the Blanks</h2>
 <blockquote class="blockquote">
 <p>Fill in the blank to have the following expression add up to <strong>42</strong>.</p>
 </blockquote>
-<div id="qwebr-insertion-location-6"></div>
+<div id="qwebr-insertion-location-7"></div>
 <noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
 </section>
 <section id="data-wrangle-in-real-time" class="level2">
 <h2 class="anchored" data-anchor-id="data-wrangle-in-real-time">Data Wrangle in Real Time</h2>
 <p>Data manipulation is a crucial part of data analysis. In this example, we’ll modify a data set in real-time and view the results. It’s like changing ingredients while cooking to get the perfect dish!</p>
-<div id="qwebr-insertion-location-7"></div>
+<div id="qwebr-insertion-location-8"></div>
 <noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
 </section>
 <section id="working-with-r-packages" class="level2">
@@ -2234,27 +2331,27 @@ <h2 class="anchored" data-anchor-id="working-with-r-packages">Working with R Pac
 </div>
 </div>
 <p>Let’s take <code>ggplot2</code> as an example:</p>
-<div id="qwebr-insertion-location-8"></div>
+<div id="qwebr-insertion-location-9"></div>
 <noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
 <p>With <code>ggplot2</code> now installed, let’s create a graph with it!</p>
-<div id="qwebr-insertion-location-9"></div>
+<div id="qwebr-insertion-location-10"></div>
 <noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
 </section>
 <section id="variable-definitions-and-reuse" class="level2">
 <h2 class="anchored" data-anchor-id="variable-definitions-and-reuse">Variable Definitions and Reuse</h2>
 <p>Define variables in one code cell and reuse them in subsequent cells:</p>
-<div id="qwebr-insertion-location-10"></div>
-<noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
 <div id="qwebr-insertion-location-11"></div>
 <noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
+<div id="qwebr-insertion-location-12"></div>
+<noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
 </section>
 <section id="functions" class="level2">
 <h2 class="anchored" data-anchor-id="functions">Functions</h2>
 <p>Functions can similarly be defined and used in one code cell or multiple code cells.</p>
-<div id="qwebr-insertion-location-12"></div>
-<noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
 <div id="qwebr-insertion-location-13"></div>
 <noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
+<div id="qwebr-insertion-location-14"></div>
+<noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
 <div class="callout callout-style-default callout-note callout-titled">
 <div class="callout-header d-flex align-content-center">
 <div class="callout-icon-container">
@@ -2273,41 +2370,41 @@ <h2 class="anchored" data-anchor-id="functions">Functions</h2>
 <h2 class="anchored" data-anchor-id="handling-errors-and-warnings">Handling Errors and Warnings</h2>
 <p>When webR encounters an error while running R code, the error and warning messages are displayed to the user.</p>
 <p>For example, if the routine has a hard stop, the execution immediately ends, and the message is shared.</p>
-<div id="qwebr-insertion-location-14"></div>
+<div id="qwebr-insertion-location-15"></div>
 <noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
 <p>Similarly, if a variable is not found, then the code stops being evaluated and returns an error.</p>
-<div id="qwebr-insertion-location-15"></div>
+<div id="qwebr-insertion-location-16"></div>
 <noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
 <p>Unlike errors, warning messages are allowed to propagate into the output without stopping the computation.</p>
-<div id="qwebr-insertion-location-16"></div>
+<div id="qwebr-insertion-location-17"></div>
 <noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
 <p>This is even the case inside of complex functions.</p>
-<div id="qwebr-insertion-location-17"></div>
+<div id="qwebr-insertion-location-18"></div>
 <noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
 </section>
 <section id="escaping-characters-in-a-string" class="level2">
 <h2 class="anchored" data-anchor-id="escaping-characters-in-a-string">Escaping Characters in a String</h2>
 <p>Handle special characters in strings with ease:</p>
-<div id="qwebr-insertion-location-18"></div>
+<div id="qwebr-insertion-location-19"></div>
 <noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
 </section>
 <section id="anonymous-function-definition" class="level2">
 <h2 class="anchored" data-anchor-id="anonymous-function-definition">Anonymous Function Definition</h2>
 <p>Define and use anonymous functions seamlessly:</p>
-<div id="qwebr-insertion-location-19"></div>
+<div id="qwebr-insertion-location-20"></div>
 <noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
 </section>
 <section id="empty-code-cell" class="level2">
 <h2 class="anchored" data-anchor-id="empty-code-cell">Empty Code Cell</h2>
 <p>Define an empty code cell by simply leaving it blank.</p>
-<div id="qwebr-insertion-location-20"></div>
+<div id="qwebr-insertion-location-21"></div>
 <noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
 </section>
 <section id="pre-rendered-code-cell" class="level2">
 <h2 class="anchored" data-anchor-id="pre-rendered-code-cell">Pre-rendered Code Cell</h2>
 <p>Any code using the usual <code>{r}</code> tag will be executed, and its output saved, just as if you were rendering a Quarto document without the webR extension:</p>
 <div class="cell">
-<div class="sourceCode cell-code" id="cb3"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb3-1"><a href="#cb3-1" aria-hidden="true" tabindex="-1"></a><span class="fu">message</span>(<span class="st">"Hello!"</span>)</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
+<div class="sourceCode cell-code" id="cb4"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb4-1"><a href="#cb4-1" aria-hidden="true" tabindex="-1"></a><span class="fu">message</span>(<span class="st">"Hello!"</span>)</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
 <div class="cell-output cell-output-stderr">
 <pre><code>Hello!</code></pre>
 </div>
diff --git a/qwebr-communication-channels.html b/qwebr-communication-channels.html
index 87f1bec..39b55a4 100644
--- a/qwebr-communication-channels.html
+++ b/qwebr-communication-channels.html
@@ -235,6 +235,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -394,7 +403,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"id":1,"code":"# Attempt to used an input-blocked function\nx = readline(\"What is your favorite color?\")\n\n## View the value of x\n# print(x)","options":{"context":"interactive","autorun":"false","results":"markup","read-only":"false","editor-word-wrap":"true","classes":"","warning":"true","dpi":72,"editor-quick-suggestions":"false","out-width":"700px","comment":"","message":"true","fig-height":5,"output":"true","label":"unnamed-chunk-1","fig-width":7,"out-height":"","editor-font-scale":"1","editor-max-height":"","fig-cap":""}}];
+globalThis.qwebrCellDetails = [{"options":{"context":"interactive","fig-height":5,"message":"true","classes":"","editor-font-scale":"1","fig-cap":"","autorun":"false","warning":"true","results":"markup","output":"true","comment":"","fig-width":7,"editor-max-height":"","dpi":72,"editor-quick-suggestions":"false","label":"unnamed-chunk-1","read-only":"false","editor-word-wrap":"true","out-width":"700px","out-height":""},"code":"# Attempt to used an input-blocked function\nx = readline(\"What is your favorite color?\")\n\n## View the value of x\n# print(x)","id":1}];
 
 </script>
 <script type="module">
@@ -1908,6 +1917,12 @@ <h2 id="toc-title">On this page</h2>
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1961,7 +1976,7 @@ <h2 id="toc-title">On this page</h2>
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1987,6 +2002,56 @@ <h2 id="toc-title">On this page</h2>
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
@@ -2106,7 +2171,7 @@ <h1 class="title">Communication Channels</h1>
     <div>
     <div class="quarto-title-meta-heading">Modified</div>
     <div class="quarto-title-meta-contents">
-      <p class="date-modified">June 16, 2024</p>
+      <p class="date-modified">June 18, 2024</p>
     </div>
   </div>
     
diff --git a/qwebr-community-examples.html b/qwebr-community-examples.html
index e630503..f600cb6 100644
--- a/qwebr-community-examples.html
+++ b/qwebr-community-examples.html
@@ -356,7 +356,7 @@ <h1 class="title">Community Examples</h1>
     <div>
     <div class="quarto-title-meta-heading">Modified</div>
     <div class="quarto-title-meta-contents">
-      <p class="date-modified">June 16, 2024</p>
+      <p class="date-modified">June 18, 2024</p>
     </div>
   </div>
     
diff --git a/qwebr-deployment-templates.html b/qwebr-deployment-templates.html
index 1998a44..86e2aae 100644
--- a/qwebr-deployment-templates.html
+++ b/qwebr-deployment-templates.html
@@ -352,7 +352,7 @@ <h1 class="title">Deployment Templates</h1>
     <div>
     <div class="quarto-title-meta-heading">Modified</div>
     <div class="quarto-title-meta-contents">
-      <p class="date-modified">June 16, 2024</p>
+      <p class="date-modified">June 18, 2024</p>
     </div>
   </div>
     
diff --git a/qwebr-developer-resources.html b/qwebr-developer-resources.html
index 738575b..2391b8c 100644
--- a/qwebr-developer-resources.html
+++ b/qwebr-developer-resources.html
@@ -362,7 +362,7 @@ <h1 class="title">Developer Resources</h1>
     <div>
     <div class="quarto-title-meta-heading">Modified</div>
     <div class="quarto-title-meta-contents">
-      <p class="date-modified">June 16, 2024</p>
+      <p class="date-modified">June 18, 2024</p>
     </div>
   </div>
     
diff --git a/qwebr-extension-website.html b/qwebr-extension-website.html
index 4eb5eb6..6ec2be3 100644
--- a/qwebr-extension-website.html
+++ b/qwebr-extension-website.html
@@ -391,7 +391,7 @@ <h1 class="title">Extension Website</h1>
     <div>
     <div class="quarto-title-meta-heading">Modified</div>
     <div class="quarto-title-meta-contents">
-      <p class="date-modified">June 16, 2024</p>
+      <p class="date-modified">June 18, 2024</p>
     </div>
   </div>
     
diff --git a/qwebr-faq.html b/qwebr-faq.html
index 2207ab6..c18ff6e 100644
--- a/qwebr-faq.html
+++ b/qwebr-faq.html
@@ -355,7 +355,7 @@ <h1 class="title">Frequently Asked Questions</h1>
     <div>
     <div class="quarto-title-meta-heading">Modified</div>
     <div class="quarto-title-meta-contents">
-      <p class="date-modified">June 16, 2024</p>
+      <p class="date-modified">June 18, 2024</p>
     </div>
   </div>
     
diff --git a/qwebr-first-steps.html b/qwebr-first-steps.html
index f9ccb93..b43a3df 100644
--- a/qwebr-first-steps.html
+++ b/qwebr-first-steps.html
@@ -392,7 +392,7 @@ <h1 class="title">Making your first webR-powered Quarto document</h1>
     <div>
     <div class="quarto-title-meta-heading">Modified</div>
     <div class="quarto-title-meta-contents">
-      <p class="date-modified">June 16, 2024</p>
+      <p class="date-modified">June 18, 2024</p>
     </div>
   </div>
     
diff --git a/qwebr-internal-cell.html b/qwebr-internal-cell.html
index eed53a3..8a5a5a0 100644
--- a/qwebr-internal-cell.html
+++ b/qwebr-internal-cell.html
@@ -235,6 +235,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -394,7 +403,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"code":"meaning_of_life = 42","id":1,"options":{"editor-max-height":"","editor-font-scale":"1","warning":"true","dpi":72,"out-height":"","autorun":"true","context":"setup","out-width":"700px","fig-height":5,"results":"markup","message":"true","editor-quick-suggestions":"false","editor-word-wrap":"true","output":"true","read-only":"false","comment":"","classes":"","fig-cap":"","fig-width":7,"label":"unnamed-chunk-1"}},{"code":"meaning_of_life","id":2,"options":{"editor-max-height":"","editor-font-scale":"1","warning":"true","dpi":72,"out-height":"","autorun":"true","context":"interactive","out-width":"700px","fig-height":5,"results":"markup","message":"true","editor-quick-suggestions":"false","editor-word-wrap":"true","output":"true","read-only":"false","comment":"","classes":"","fig-cap":"","fig-width":7,"label":"unnamed-chunk-2"}},{"code":"mat2x2 <- matrix(c(1, 2, 3, 4), nrow = 2)\nmat2x2","id":3,"options":{"editor-max-height":"","editor-font-scale":"1","warning":"true","dpi":72,"out-height":"","autorun":"true","context":"output","out-width":"700px","fig-height":5,"results":"markup","message":"true","editor-quick-suggestions":"false","editor-word-wrap":"true","output":"true","read-only":"false","comment":"","classes":"","fig-cap":"","fig-width":7,"label":"unnamed-chunk-3"}},{"code":"plot(\n  mpg ~ wt,\n  data = mtcars,\n  col = \"blue\", \n  xlab = \"Miles/(US) gallon\",\n  ylab = \"Weight (1000 lbs)\",\n  main = \"Miles per Gallon and Weight of Cars\",\n  sub = \"Source: 1974 Motor Trend US magazine.\"\n)","id":4,"options":{"editor-max-height":"","editor-font-scale":"1","warning":"true","dpi":72,"out-height":"","autorun":"true","context":"output","out-width":"700px","fig-height":5,"results":"markup","message":"true","editor-quick-suggestions":"false","editor-word-wrap":"true","output":"true","read-only":"false","comment":"","classes":"","fig-cap":"","fig-width":7,"label":"unnamed-chunk-4"}},{"code":"\n# Download a dataset\ndownload.file(\n  'https://raw.githubusercontent.com/coatless/raw-data/main/penguins.csv',\n  'penguins.csv'\n)\n\ndf_penguins = read.csv(\"penguins.csv\")","id":5,"options":{"editor-max-height":"","editor-font-scale":"1","warning":"true","dpi":72,"out-height":"","autorun":"true","context":"setup","out-width":"700px","fig-height":5,"results":"markup","message":"true","editor-quick-suggestions":"false","editor-word-wrap":"true","output":"true","read-only":"false","comment":"","classes":"","fig-cap":"","fig-width":7,"label":"unnamed-chunk-5"}},{"code":"# Display the head of the data\nhead(df_penguins)","id":6,"options":{"editor-max-height":"","editor-font-scale":"1","warning":"true","dpi":72,"out-height":"","autorun":"false","context":"interactive","out-width":"700px","fig-height":5,"results":"markup","message":"true","editor-quick-suggestions":"false","editor-word-wrap":"true","output":"true","read-only":"false","comment":"","classes":"","fig-cap":"","fig-width":7,"label":"unnamed-chunk-6"}},{"code":"# Display the head of the data\nhead(df_penguins)","id":7,"options":{"editor-max-height":"","editor-font-scale":"1","warning":"true","dpi":72,"out-height":"","autorun":"true","context":"interactive","out-width":"700px","fig-height":5,"results":"markup","message":"true","editor-quick-suggestions":"false","editor-word-wrap":"true","output":"true","read-only":"false","comment":"","classes":"","fig-cap":"","fig-width":7,"label":"unnamed-chunk-7"}},{"code":"\nmtcars2 <- within(mtcars, {\n   vs <- factor(vs, labels = c(\"V\", \"S\"))\n   am <- factor(am, labels = c(\"automatic\", \"manual\"))\n   cyl  <- ordered(cyl)\n   gear <- ordered(gear)\n   carb <- ordered(carb)\n})\n\nsummary(mtcars2)","id":8,"options":{"editor-max-height":"","editor-font-scale":"1","warning":"true","dpi":72,"out-height":"","autorun":"true","context":"output","out-width":"700px","fig-height":5,"results":"markup","message":"true","editor-quick-suggestions":"false","editor-word-wrap":"true","output":"true","read-only":"false","comment":"","classes":"","fig-cap":"","fig-width":7,"label":"unnamed-chunk-8"}},{"code":"answer_frame <- data.frame(\n  problem = c(\"1a\", \"1b\", \"2\"),\n  answer = c(10, 2, 3/16),\n  tol = c(0.001, 0, 1/32)\n)\n\ncheck <- function(problem, answer) {\n  aframe <- answer_frame\n  if(!problem %in% aframe$problem) {\n    error_msg <- paste0(\"Please enter a valid problem. (\", paste0(aframe$problem, collapse = \",\"), \")\")\n    stop(error_msg)\n  }\n\n  solution <- aframe[which(aframe$problem == problem), \"answer\"]\n\n  ifelse(\n    all.equal(answer, solution, tolerance = 0.001) == TRUE,\n    \"Correct! Well done.\",\n    \"Incorrect! Good attempt. Let's try again?\"\n  )\n}","id":9,"options":{"editor-max-height":"","editor-font-scale":"1","warning":"true","dpi":72,"out-height":"","autorun":"true","context":"setup","out-width":"700px","fig-height":5,"results":"markup","message":"true","editor-quick-suggestions":"false","editor-word-wrap":"true","output":"true","read-only":"false","comment":"","classes":"","fig-cap":"","fig-width":7,"label":"unnamed-chunk-9"}},{"code":"student_solution = 11\n\ncheck(problem = \"1a\", answer = student_solution)","id":10,"options":{"editor-max-height":"","editor-font-scale":"1","warning":"true","dpi":72,"out-height":"","autorun":"false","context":"interactive","out-width":"700px","fig-height":5,"results":"markup","message":"true","editor-quick-suggestions":"false","editor-word-wrap":"true","output":"true","read-only":"false","comment":"","classes":"","fig-cap":"","fig-width":7,"label":"unnamed-chunk-10"}}];
+globalThis.qwebrCellDetails = [{"id":1,"code":"meaning_of_life = 42","options":{"classes":"","results":"markup","comment":"","dpi":72,"fig-cap":"","output":"true","editor-max-height":"","label":"unnamed-chunk-1","autorun":"true","editor-font-scale":"1","warning":"true","out-width":"700px","message":"true","editor-quick-suggestions":"false","out-height":"","context":"setup","fig-height":5,"editor-word-wrap":"true","read-only":"false","fig-width":7}},{"id":2,"code":"meaning_of_life","options":{"classes":"","results":"markup","comment":"","dpi":72,"fig-cap":"","output":"true","editor-max-height":"","label":"unnamed-chunk-2","autorun":"true","editor-font-scale":"1","warning":"true","out-width":"700px","message":"true","editor-quick-suggestions":"false","out-height":"","context":"interactive","fig-height":5,"editor-word-wrap":"true","read-only":"false","fig-width":7}},{"id":3,"code":"mat2x2 <- matrix(c(1, 2, 3, 4), nrow = 2)\nmat2x2","options":{"classes":"","results":"markup","comment":"","dpi":72,"fig-cap":"","output":"true","editor-max-height":"","label":"unnamed-chunk-3","autorun":"true","editor-font-scale":"1","warning":"true","out-width":"700px","message":"true","editor-quick-suggestions":"false","out-height":"","context":"output","fig-height":5,"editor-word-wrap":"true","read-only":"false","fig-width":7}},{"id":4,"code":"plot(\n  mpg ~ wt,\n  data = mtcars,\n  col = \"blue\", \n  xlab = \"Miles/(US) gallon\",\n  ylab = \"Weight (1000 lbs)\",\n  main = \"Miles per Gallon and Weight of Cars\",\n  sub = \"Source: 1974 Motor Trend US magazine.\"\n)","options":{"classes":"","results":"markup","comment":"","dpi":72,"fig-cap":"","output":"true","editor-max-height":"","label":"unnamed-chunk-4","autorun":"true","editor-font-scale":"1","warning":"true","out-width":"700px","message":"true","editor-quick-suggestions":"false","out-height":"","context":"output","fig-height":5,"editor-word-wrap":"true","read-only":"false","fig-width":7}},{"id":5,"code":"\n# Download a dataset\ndownload.file(\n  'https://raw.githubusercontent.com/coatless/raw-data/main/penguins.csv',\n  'penguins.csv'\n)\n\ndf_penguins = read.csv(\"penguins.csv\")","options":{"classes":"","results":"markup","comment":"","dpi":72,"fig-cap":"","output":"true","editor-max-height":"","label":"unnamed-chunk-5","autorun":"true","editor-font-scale":"1","warning":"true","out-width":"700px","message":"true","editor-quick-suggestions":"false","out-height":"","context":"setup","fig-height":5,"editor-word-wrap":"true","read-only":"false","fig-width":7}},{"id":6,"code":"# Display the head of the data\nhead(df_penguins)","options":{"classes":"","results":"markup","comment":"","dpi":72,"fig-cap":"","output":"true","editor-max-height":"","label":"unnamed-chunk-6","autorun":"false","editor-font-scale":"1","warning":"true","out-width":"700px","message":"true","editor-quick-suggestions":"false","out-height":"","context":"interactive","fig-height":5,"editor-word-wrap":"true","read-only":"false","fig-width":7}},{"id":7,"code":"# Display the head of the data\nhead(df_penguins)","options":{"classes":"","results":"markup","comment":"","dpi":72,"fig-cap":"","output":"true","editor-max-height":"","label":"unnamed-chunk-7","autorun":"true","editor-font-scale":"1","warning":"true","out-width":"700px","message":"true","editor-quick-suggestions":"false","out-height":"","context":"interactive","fig-height":5,"editor-word-wrap":"true","read-only":"false","fig-width":7}},{"id":8,"code":"\nmtcars2 <- within(mtcars, {\n   vs <- factor(vs, labels = c(\"V\", \"S\"))\n   am <- factor(am, labels = c(\"automatic\", \"manual\"))\n   cyl  <- ordered(cyl)\n   gear <- ordered(gear)\n   carb <- ordered(carb)\n})\n\nsummary(mtcars2)","options":{"classes":"","results":"markup","comment":"","dpi":72,"fig-cap":"","output":"true","editor-max-height":"","label":"unnamed-chunk-8","autorun":"true","editor-font-scale":"1","warning":"true","out-width":"700px","message":"true","editor-quick-suggestions":"false","out-height":"","context":"output","fig-height":5,"editor-word-wrap":"true","read-only":"false","fig-width":7}},{"id":9,"code":"answer_frame <- data.frame(\n  problem = c(\"1a\", \"1b\", \"2\"),\n  answer = c(10, 2, 3/16),\n  tol = c(0.001, 0, 1/32)\n)\n\ncheck <- function(problem, answer) {\n  aframe <- answer_frame\n  if(!problem %in% aframe$problem) {\n    error_msg <- paste0(\"Please enter a valid problem. (\", paste0(aframe$problem, collapse = \",\"), \")\")\n    stop(error_msg)\n  }\n\n  solution <- aframe[which(aframe$problem == problem), \"answer\"]\n\n  ifelse(\n    all.equal(answer, solution, tolerance = 0.001) == TRUE,\n    \"Correct! Well done.\",\n    \"Incorrect! Good attempt. Let's try again?\"\n  )\n}","options":{"classes":"","results":"markup","comment":"","dpi":72,"fig-cap":"","output":"true","editor-max-height":"","label":"unnamed-chunk-9","autorun":"true","editor-font-scale":"1","warning":"true","out-width":"700px","message":"true","editor-quick-suggestions":"false","out-height":"","context":"setup","fig-height":5,"editor-word-wrap":"true","read-only":"false","fig-width":7}},{"id":10,"code":"student_solution = 11\n\ncheck(problem = \"1a\", answer = student_solution)","options":{"classes":"","results":"markup","comment":"","dpi":72,"fig-cap":"","output":"true","editor-max-height":"","label":"unnamed-chunk-10","autorun":"false","editor-font-scale":"1","warning":"true","out-width":"700px","message":"true","editor-quick-suggestions":"false","out-height":"","context":"interactive","fig-height":5,"editor-word-wrap":"true","read-only":"false","fig-width":7}}];
 
 </script>
 <script type="module">
@@ -1909,6 +1918,12 @@ <h2 id="toc-title">On this page</h2>
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1962,7 +1977,7 @@ <h2 id="toc-title">On this page</h2>
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1988,6 +2003,56 @@ <h2 id="toc-title">On this page</h2>
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
@@ -2107,7 +2172,7 @@ <h1 class="title">Hiding and Executing Code</h1>
     <div>
     <div class="quarto-title-meta-heading">Modified</div>
     <div class="quarto-title-meta-contents">
-      <p class="date-modified">June 16, 2024</p>
+      <p class="date-modified">June 18, 2024</p>
     </div>
   </div>
     
diff --git a/qwebr-loading-data.html b/qwebr-loading-data.html
index 9148b24..af26d51 100644
--- a/qwebr-loading-data.html
+++ b/qwebr-loading-data.html
@@ -235,6 +235,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -394,7 +403,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"options":{"editor-font-scale":"1","warning":"true","label":"unnamed-chunk-1","editor-max-height":"","results":"markup","autorun":"true","output":"true","fig-cap":"","classes":"","dpi":72,"fig-height":5,"comment":"","fig-width":7,"read-only":"false","out-width":"700px","out-height":"","editor-word-wrap":"true","editor-quick-suggestions":"false","message":"true","context":"interactive"},"id":1,"code":"# See where we are in the file system:\ncat(\"We're currently at:\\n\")\ngetwd()\n\n# View a list of files for the working directory.\ncat(\"We have the following files present:\\n\")\nlist.files()\n\n# Specify the data URL using HTTPS\nurl <- \"https://coatless.github.io/raw-data/flights.csv\"\n\n# Download the data file from the HTTPS URL and save it as\n# flights.csv\ncat(\"Download the data ...\\n\")\ndownload.file(url, \"flights.csv\")\n\n# Check for the data.\ncat(\"After downloading the data, we now have:\\n\")\nlist.files()\n\n# Read the flights data into R\nflights_from_csv <- read.csv(\"flights.csv\")\n\n# See the first few rows of the flights_from_csv data frame.\ncat(\"Let's view the first 6 observations of data:\\n\")\nhead(flights_from_csv)"}];
+globalThis.qwebrCellDetails = [{"id":1,"code":"# See where we are in the file system:\ncat(\"We're currently at:\\n\")\ngetwd()\n\n# View a list of files for the working directory.\ncat(\"We have the following files present:\\n\")\nlist.files()\n\n# Specify the data URL using HTTPS\nurl <- \"https://coatless.github.io/raw-data/flights.csv\"\n\n# Download the data file from the HTTPS URL and save it as\n# flights.csv\ncat(\"Download the data ...\\n\")\ndownload.file(url, \"flights.csv\")\n\n# Check for the data.\ncat(\"After downloading the data, we now have:\\n\")\nlist.files()\n\n# Read the flights data into R\nflights_from_csv <- read.csv(\"flights.csv\")\n\n# See the first few rows of the flights_from_csv data frame.\ncat(\"Let's view the first 6 observations of data:\\n\")\nhead(flights_from_csv)","options":{"out-width":"700px","warning":"true","fig-width":7,"editor-max-height":"","message":"true","label":"unnamed-chunk-1","editor-font-scale":"1","context":"interactive","editor-word-wrap":"true","out-height":"","read-only":"false","dpi":72,"results":"markup","editor-quick-suggestions":"false","classes":"","output":"true","fig-cap":"","fig-height":5,"autorun":"true","comment":""}}];
 
 </script>
 <script type="module">
@@ -1913,6 +1922,12 @@ <h2 id="toc-title">On this page</h2>
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1966,7 +1981,7 @@ <h2 id="toc-title">On this page</h2>
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1992,6 +2007,56 @@ <h2 id="toc-title">On this page</h2>
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
@@ -2110,7 +2175,7 @@ <h1 class="title">Accessing and Using Data in webR</h1>
     <div>
     <div class="quarto-title-meta-heading">Modified</div>
     <div class="quarto-title-meta-contents">
-      <p class="date-modified">June 16, 2024</p>
+      <p class="date-modified">June 18, 2024</p>
     </div>
   </div>
     
diff --git a/qwebr-meta-options.html b/qwebr-meta-options.html
index 84d7d4c..6353ea8 100644
--- a/qwebr-meta-options.html
+++ b/qwebr-meta-options.html
@@ -411,7 +411,7 @@ <h1 class="title">Customization Options</h1>
     <div>
     <div class="quarto-title-meta-heading">Modified</div>
     <div class="quarto-title-meta-contents">
-      <p class="date-modified">June 16, 2024</p>
+      <p class="date-modified">June 18, 2024</p>
     </div>
   </div>
     
diff --git a/qwebr-release-notes.html b/qwebr-release-notes.html
index abb6480..cf2bbcf 100644
--- a/qwebr-release-notes.html
+++ b/qwebr-release-notes.html
@@ -355,7 +355,7 @@
     <h2 id="toc-title">On this page</h2>
    
   <ul>
-  <li><a href="#dev.7---" id="toc-dev.7---" class="nav-link active" data-scroll-target="#dev.7---">0.4.2-dev.7: ??????? (??-??-??)</a>
+  <li><a href="#dev.8---" id="toc-dev.8---" class="nav-link active" data-scroll-target="#dev.8---">0.4.2-dev.8: ??????? (??-??-??)</a>
   <ul class="collapse">
   <li><a href="#breaking-changes" id="toc-breaking-changes" class="nav-link" data-scroll-target="#breaking-changes">Breaking Changes</a></li>
   <li><a href="#features" id="toc-features" class="nav-link" data-scroll-target="#features">Features</a></li>
@@ -484,7 +484,7 @@ <h1 class="title">Release Notes</h1>
     <div>
     <div class="quarto-title-meta-heading">Modified</div>
     <div class="quarto-title-meta-contents">
-      <p class="date-modified">June 16, 2024</p>
+      <p class="date-modified">June 18, 2024</p>
     </div>
   </div>
     
@@ -495,8 +495,8 @@ <h1 class="title">Release Notes</h1>
 </header>
 
 
-<section id="dev.7---" class="level1">
-<h1>0.4.2-dev.7: ??????? (??-??-??)</h1>
+<section id="dev.8---" class="level1">
+<h1>0.4.2-dev.8: ??????? (??-??-??)</h1>
 <div class="callout callout-style-default callout-note callout-titled">
 <div class="callout-header d-flex align-content-center">
 <div class="callout-icon-container">
@@ -524,14 +524,20 @@ <h2 class="anchored" data-anchor-id="features">Features</h2>
 <ul>
 <li><p>Upgraded to webR v0.3.3 (<a href="https://github.com/coatless/quarto-webr/pulls/196">#196</a>)</p></li>
 <li><p>Added ability to download the R history of commands executed through a new global menu in the right column and underneath Revealjs’ “Tools” menu. (<a href="https://github.com/coatless/quarto-webr/issues/148">#148</a>)</p></li>
-<li><p>Added a mouse over button to allow for downloading an image when generated. (<a href="https://github.com/coatless/quarto-webr/issues/147">#147</a>)</p></li>
-<li><p>Added <code>cell-options</code> document-level option to specify global defaults for <code>{webr-r}</code> options (<a href="https://github.com/coatless/quarto-webr/pulls/173">#173</a>, thanks <a href="https://github.com/ute">ute</a>!)</p></li>
-<li><p>Added <code>version</code> document-level option to specify what version of webR should be used. Default embedded version. (<a href="https://github.com/coatless/quarto-webr/issues/211">#211</a>)</p></li>
-<li><p>Added <code>editor-max-height</code> cell option to limit growth of the editor window. (<a href="https://github.com/coatless/quarto-webr/issues/177">#177</a>, thanks <a href="https://github.com/ute">ute</a>!)</p></li>
-<li><p>Added <code>editor-font-scale</code> cell option to scale the code cell size relative to the page font size. Default is <code>1</code> for HTML Documents, Books, and Websites and <code>0.5</code> for Revealjs Slides. (<a href="https://github.com/coatless/quarto-webr/issues/172">#172</a> &amp; <a href="https://github.com/coatless/quarto-webr/pull/209">#209</a>, thanks <a href="https://github.com/ute">ute</a>!)</p></li>
-<li><p>Added <code>editor-quick-suggestions</code> cell option to enable autocomplete menu suggestions. Default <code>"false"</code>.(<a href="https://github.com/coatless/quarto-webr/issues/182">#182</a>, thanks <a href="https://github.com/egenn">egenn</a>!)</p></li>
-<li><p>Added <code>editor-word-wrap</code> cell option to allow long lines to be wrapped inside of the code cell. Default <code>"true"</code>. (<a href="https://github.com/coatless/quarto-webr/issues/38">#38</a>)</p></li>
 <li><p>Added the ability to have the monaco editor switch between Quarto’s light and dark theme modes. (<a href="https://github.com/coatless/quarto-webr/issues/176">#176</a>)</p></li>
+<li><p>Added two new document-level options:</p>
+<ul>
+<li><code>cell-options</code> specifies global defaults for <code>{webr-r}</code> options (<a href="https://github.com/coatless/quarto-webr/pulls/173">#173</a>, thanks <a href="https://github.com/ute">ute</a>!)</li>
+<li><code>version</code> specifies what version of webR should be used. Default embedded version. (<a href="https://github.com/coatless/quarto-webr/issues/211">#211</a>)</li>
+</ul></li>
+<li><p>Added the <code>editor-*</code> class of cell-level options to control the interactive code cell editor:</p>
+<ul>
+<li><code>editor-code-line-numbers</code> allows highlighting code lines in the editor window. (<a href="https://github.com/coatless/quarto-webr/issues/204">#204</a>)</li>
+<li><code>editor-word-wrap</code> allows long lines to be wrapped inside of the code cell. Default <code>"true"</code>. (<a href="https://github.com/coatless/quarto-webr/issues/38">#38</a>)</li>
+<li><code>editor-quick-suggestions</code> enables autocomplete menu suggestions. Default <code>"false"</code>.(<a href="https://github.com/coatless/quarto-webr/issues/182">#182</a>, thanks <a href="https://github.com/egenn">egenn</a>!)</li>
+<li><code>editor-max-height</code> limits growth of the editor window. (<a href="https://github.com/coatless/quarto-webr/issues/177">#177</a>, thanks <a href="https://github.com/ute">ute</a>!)</li>
+<li><code>editor-font-scale</code> scales the code cell size relative to the page font size. Default is <code>1</code> for HTML Documents, Books, and Websites and <code>0.5</code> for Revealjs Slides. (<a href="https://github.com/coatless/quarto-webr/issues/172">#172</a> &amp; <a href="https://github.com/coatless/quarto-webr/pull/209">#209</a>, thanks <a href="https://github.com/ute">ute</a>!)</li>
+</ul></li>
 <li><p>Enabled non-graphical computation within a <code>webr-r</code> cell when <code>OffScreenCanvas</code> is not available. (<a href="https://github.com/coatless/quarto-webr/issues/155">#155</a>, thanks for raising it <a href="https://github.com/mccarthy-m-g"><span class="citation" data-cites="mccarthy-m-g">@mccarthy-m-g</span></a>)</p>
 <ul>
 <li>If <code>OffScreenCanvas</code> is not available, we now display a Quarto warning callout at the start of the document that emphasizes only non-graphical computation is available and a gentle nudge to upgrade the web browser being used.</li>
@@ -542,12 +548,13 @@ <h2 class="anchored" data-anchor-id="features">Features</h2>
 <section id="changes" class="level2">
 <h2 class="anchored" data-anchor-id="changes">Changes</h2>
 <ul>
-<li>Increase the minimum Quarto version requirement to 1.4.554. (<a href="https://github.com/coatless/quarto-webr/issues/198">#198</a>).</li>
-<li>Upgraded to webR v0.3.2 (<a href="https://github.com/coatless/quarto-webr/issues/187">#187</a>)</li>
-<li>Added <a href="https://luals.github.io/wiki/annotations/">Lua type annotations</a> and function documentation into the Quarto extensions’ Lua filter. (<a href="https://github.com/coatless/quarto-webr/pulls/190">#190</a>)</li>
-<li>Avoided distributing <code>webr-serviceworker.js</code> and <code>webr-worker.js</code> when <code>channel-type</code> is not <code>service-worker</code>. (<a href="https://github.com/coatless/quarto-webr/pulls/210">#210</a>)</li>
-<li>Dynamically write <code>webr-serviceworker.js</code> and <code>webr-worker.js</code> files based on the version chosen (<a href="https://github.com/coatless/quarto-webr/pulls/212">#212</a>)</li>
-<li>Updated the version of the FontAwesome from 6.5.1 to 6.5.2. (<a href="https://github.com/coatless/quarto-webr/pull/191">#191</a>)</li>
+<li><p>Added a mouse over button to allow for downloading an image when generated. (<a href="https://github.com/coatless/quarto-webr/issues/147">#147</a>)</p></li>
+<li><p>Increase the minimum Quarto version requirement to 1.4.554. (<a href="https://github.com/coatless/quarto-webr/issues/198">#198</a>).</p></li>
+<li><p>Upgraded to webR v0.3.2 (<a href="https://github.com/coatless/quarto-webr/issues/187">#187</a>)</p></li>
+<li><p>Added <a href="https://luals.github.io/wiki/annotations/">Lua type annotations</a> and function documentation into the Quarto extensions’ Lua filter. (<a href="https://github.com/coatless/quarto-webr/pulls/190">#190</a>)</p></li>
+<li><p>Avoided distributing <code>webr-serviceworker.js</code> and <code>webr-worker.js</code> when <code>channel-type</code> is not <code>service-worker</code>. (<a href="https://github.com/coatless/quarto-webr/pulls/210">#210</a>)</p></li>
+<li><p>Dynamically write <code>webr-serviceworker.js</code> and <code>webr-worker.js</code> files based on the version chosen (<a href="https://github.com/coatless/quarto-webr/pulls/212">#212</a>)</p></li>
+<li><p>Updated the version of the FontAwesome from 6.5.1 to 6.5.2. (<a href="https://github.com/coatless/quarto-webr/pull/191">#191</a>)</p></li>
 </ul>
 </section>
 <section id="bug-fixes" class="level2">
diff --git a/qwebr-theming.html b/qwebr-theming.html
index 843af86..331dfbf 100644
--- a/qwebr-theming.html
+++ b/qwebr-theming.html
@@ -401,7 +401,7 @@ <h1 class="title">Theming Elements</h1>
     <div>
     <div class="quarto-title-meta-heading">Modified</div>
     <div class="quarto-title-meta-contents">
-      <p class="date-modified">June 16, 2024</p>
+      <p class="date-modified">June 18, 2024</p>
     </div>
   </div>
     
diff --git a/qwebr-troubleshooting.html b/qwebr-troubleshooting.html
index 1e1e070..a5bcb66 100644
--- a/qwebr-troubleshooting.html
+++ b/qwebr-troubleshooting.html
@@ -387,7 +387,7 @@ <h1 class="title">Troubleshooting</h1>
     <div>
     <div class="quarto-title-meta-heading">Modified</div>
     <div class="quarto-title-meta-contents">
-      <p class="date-modified">June 16, 2024</p>
+      <p class="date-modified">June 18, 2024</p>
     </div>
   </div>
     
diff --git a/qwebr-using-r-packages.html b/qwebr-using-r-packages.html
index 19b4da6..7591ace 100644
--- a/qwebr-using-r-packages.html
+++ b/qwebr-using-r-packages.html
@@ -235,6 +235,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -394,7 +403,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"code":"# Determine the version of R being used by webR \nmajor_minor_version <- paste(\n  R.version$major, \n  strsplit(R.version$minor, \".\", fixed = TRUE)[[1L]][1L],\n  sep = \".\"\n)\n\n# Obtain a list of packages\nwebr_info <- as.data.frame(\n  available.packages(\n    contriburl = paste0(\n      \"https://repo.r-wasm.org/bin/emscripten/contrib/\", \n      major_minor_version\n    )\n  )\n)\n\n# Obtain the number of R packages built\nn_webr_pkgs <- nrow(webr_info)\n\n# Number of R packages available to webR\ncat(\"There are current\", n_webr_pkgs, \n    \"available to use with webR!\\n\")\n\n# Only view the first 6, there's a lot available!\nhead(webr_info[, c(\"Version\", \"License\")])","id":1,"options":{"fig-cap":"","editor-font-scale":"1","editor-quick-suggestions":"false","read-only":"false","out-width":"700px","autorun":"false","out-height":"","classes":"","warning":"true","results":"markup","output":"true","message":"true","comment":"","dpi":72,"label":"unnamed-chunk-1","editor-word-wrap":"true","fig-height":5,"editor-max-height":"","context":"interactive","fig-width":7}},{"code":"webr::install(\"ggplot2\")","id":2,"options":{"fig-cap":"","editor-font-scale":"1","editor-quick-suggestions":"false","read-only":"false","out-width":"700px","autorun":"false","out-height":"","classes":"","warning":"true","results":"markup","output":"true","message":"true","comment":"","dpi":72,"label":"unnamed-chunk-2","editor-word-wrap":"true","fig-height":5,"editor-max-height":"","context":"interactive","fig-width":7}},{"code":"library(\"ggplot2\")\n\nggplot(mpg, aes(displ, hwy, colour = class)) + \n  geom_point()","id":3,"options":{"fig-cap":"","editor-font-scale":"1","editor-quick-suggestions":"false","read-only":"false","out-width":"700px","autorun":"false","out-height":"","classes":"","warning":"true","results":"markup","output":"true","message":"true","comment":"","dpi":72,"label":"unnamed-chunk-3","editor-word-wrap":"true","fig-height":5,"editor-max-height":"","context":"interactive","fig-width":7}}];
+globalThis.qwebrCellDetails = [{"options":{"warning":"true","fig-width":7,"out-height":"","read-only":"false","fig-height":5,"editor-word-wrap":"true","out-width":"700px","output":"true","label":"unnamed-chunk-1","message":"true","editor-quick-suggestions":"false","fig-cap":"","results":"markup","dpi":72,"context":"interactive","editor-font-scale":"1","comment":"","classes":"","autorun":"false","editor-max-height":""},"code":"# Determine the version of R being used by webR \nmajor_minor_version <- paste(\n  R.version$major, \n  strsplit(R.version$minor, \".\", fixed = TRUE)[[1L]][1L],\n  sep = \".\"\n)\n\n# Obtain a list of packages\nwebr_info <- as.data.frame(\n  available.packages(\n    contriburl = paste0(\n      \"https://repo.r-wasm.org/bin/emscripten/contrib/\", \n      major_minor_version\n    )\n  )\n)\n\n# Obtain the number of R packages built\nn_webr_pkgs <- nrow(webr_info)\n\n# Number of R packages available to webR\ncat(\"There are current\", n_webr_pkgs, \n    \"available to use with webR!\\n\")\n\n# Only view the first 6, there's a lot available!\nhead(webr_info[, c(\"Version\", \"License\")])","id":1},{"options":{"warning":"true","fig-width":7,"out-height":"","read-only":"false","fig-height":5,"editor-word-wrap":"true","out-width":"700px","output":"true","label":"unnamed-chunk-2","message":"true","editor-quick-suggestions":"false","fig-cap":"","results":"markup","dpi":72,"context":"interactive","editor-font-scale":"1","comment":"","classes":"","autorun":"false","editor-max-height":""},"code":"webr::install(\"ggplot2\")","id":2},{"options":{"warning":"true","fig-width":7,"out-height":"","read-only":"false","fig-height":5,"editor-word-wrap":"true","out-width":"700px","output":"true","label":"unnamed-chunk-3","message":"true","editor-quick-suggestions":"false","fig-cap":"","results":"markup","dpi":72,"context":"interactive","editor-font-scale":"1","comment":"","classes":"","autorun":"false","editor-max-height":""},"code":"library(\"ggplot2\")\n\nggplot(mpg, aes(displ, hwy, colour = class)) + \n  geom_point()","id":3}];
 
 </script>
 <script type="module">
@@ -1904,6 +1913,12 @@ <h2 id="toc-title">On this page</h2>
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1957,7 +1972,7 @@ <h2 id="toc-title">On this page</h2>
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1983,6 +1998,56 @@ <h2 id="toc-title">On this page</h2>
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
@@ -2102,7 +2167,7 @@ <h1 class="title">Using R Packages</h1>
     <div>
     <div class="quarto-title-meta-heading">Modified</div>
     <div class="quarto-title-meta-contents">
-      <p class="date-modified">June 16, 2024</p>
+      <p class="date-modified">June 18, 2024</p>
     </div>
   </div>
     
diff --git a/search.json b/search.json
index 31d4bef..5538a70 100644
--- a/search.json
+++ b/search.json
@@ -131,6 +131,17 @@
       "Exploring Interactive Code Cells"
     ]
   },
+  {
+    "objectID": "qwebr-code-cell-demos.html#drawing-attention-to-code",
+    "href": "qwebr-code-cell-demos.html#drawing-attention-to-code",
+    "title": "Exploring Interactive Code Cells",
+    "section": "Drawing Attention to Code",
+    "text": "Drawing Attention to Code\nLines of code can be highlighted using editor-code-line-numbers to draw attention to specific parts of the code. For example:\n\neditor-code-line-numbers: 1-3 will highlight lines 1 to 3.\neditor-code-line-numbers: 1,3,6 will highlight lines 1, 3, and 6.\neditor-code-line-numbers: 1-3,6 will highlight lines 1 to 3 and 6.\n\n\n{quarto-webr} OutputCell code\n\n\n\nPlease enable JavaScript to experience the dynamic code cell content on this page.\n\n\n```{webr-r}\n#| read-only: true\n#| editor-code-line-numbers: 1-3,6\n\n# This is a comment\n1 + 1\n2 + 2\n3 + 3\n\n# This is another comment\n```",
+    "crumbs": [
+      "Getting Started",
+      "Exploring Interactive Code Cells"
+    ]
+  },
   {
     "objectID": "qwebr-code-cell-demos.html#create-a-graph-with-base-r",
     "href": "qwebr-code-cell-demos.html#create-a-graph-with-base-r",
@@ -812,7 +823,35 @@
     "href": "demos/qwebr-editor-options.html",
     "title": "Demo: Editor Options",
     "section": "",
-    "text": "Important\n\n\n\nThese features are currently experimental and are included in the 0.4.2-dev.2 build of {quarto-webr}."
+    "text": "Important\n\n\n\nThese features are currently experimental and are included in the 0.4.2-dev build of {quarto-webr}."
+  },
+  {
+    "objectID": "demos/qwebr-editor-options.html#editor-code-line-numbers-option",
+    "href": "demos/qwebr-editor-options.html#editor-code-line-numbers-option",
+    "title": "Demo: Editor Options",
+    "section": "editor-code-line-numbers Option",
+    "text": "editor-code-line-numbers Option\nLines inside of the editor may be highlighted through the editor-code-line-numbers option. Specifying the highlighting of a line is done by providing a range of line numbers separated by a hyphen or a comma. For example:\n\neditor-code-line-numbers: 2-6 will highlight lines 2 to 6.\neditor-code-line-numbers: 1,3,5 will highlight lines 1, 3, and 5.\neditor-code-line-numbers: 1-3,5 will highlight lines 1 to 3 and 5.\n\nThis feature is useful for drawing attention to specific line. You may wish to combine it with readonly: true.\n\nSpecifying Ranges\nThe following cell demonstrates the use of the editor-code-line-numbers option to highlight a range of lines in the editor. Lines 2-6 should be highlighted in the editor below.\n\nquarto-webr OutputCell Code\n\n\n\nPlease enable JavaScript to experience the dynamic code cell content on this page.\n\n\n```{webr-r}\n#| label: editor-line-numbers\n#| editor-code-line-numbers: 2-6\n\nhello_world &lt;- function(age) {\n  if (age &gt; 30) {\n    print('You are old')\n  } else { \n    print('You are young!')\n  }\n}\nhello_age(22)\n```\n\n\n\n\n\nSpecifying Single Line\nThe following cell demonstrates the use of the editor-code-line-numbers option to highlight a single line in the editor. Line 2 should be highlighted in the editor below.\n\nquarto-webr OutputCell Code\n\n\n\nPlease enable JavaScript to experience the dynamic code cell content on this page.\n\n\n```{webr-r}\n#| label: editor-line-number\n#| editor-code-line-numbers: 2\n\nhello_world &lt;- function(age) {\n  if (age &gt; 30) {\n    print('You are old')\n  } else { \n    print('You are young!')\n  }\n}\nhello_age(22)\n```\n\n\n\n\n\nSpecifying Multiple Lines\nThe following cell demonstrates the use of the editor-code-line-numbers option to highlight multiple lines in the editor. Lines 1 - 3 and 5 should be highlighted in the editor below.\n\nquarto-webr OutputCell Code\n\n\n\nPlease enable JavaScript to experience the dynamic code cell content on this page.\n\n\n```{webr-r}\n#| label: editor-multiple-line-numbers\n#| editor-code-line-numbers: 1-3,5\n\nhello_world &lt;- function(age) {\n  if (age &gt; 30) {\n    print('You are old')\n  } else { \n    print('You are young!')\n  }\n}\nhello_age(22)\n```"
+  },
+  {
+    "objectID": "demos/qwebr-editor-options.html#editor-word-wrap-option",
+    "href": "demos/qwebr-editor-options.html#editor-word-wrap-option",
+    "title": "Demo: Editor Options",
+    "section": "editor-word-wrap Option",
+    "text": "editor-word-wrap Option\nThe editor area allows for text to wrap to the next line when it reaches the end of the editor window. This feature is enabled by setting the editor-word-wrap option to true.\n\nWrapped Long Code Lines\nIn the following cell, the editor window is set to wrap long lines of code to the next line.\n\nquarto-webr OutputCell Code\n\n\n\nPlease enable JavaScript to experience the dynamic code cell content on this page.\n\n\n```{webr-r}\n#| label: editor-word-wrap-enabled\n#| editor-word-wrap: true\n\n# A long line of code that will wrap to the next line in the editor window to avoid horizontal scrolling\n```\n\n\n\n\n\nUnwrapped Long Code Lines\nIn the following cell, the editor window is set to not wrap long lines of code to the next line.\n\nquarto-webr OutputCell Code\n\n\n\nPlease enable JavaScript to experience the dynamic code cell content on this page.\n\n\n```{webr-r}\n#| label: editor-word-wrap-disabled\n#| editor-word-wrap: false\n\n# A long line of code that will **NOT** wrap to the next line in the editor window and will require horizontal scrolling\n```"
+  },
+  {
+    "objectID": "demos/qwebr-editor-options.html#editor-quick-suggestions-option",
+    "href": "demos/qwebr-editor-options.html#editor-quick-suggestions-option",
+    "title": "Demo: Editor Options",
+    "section": "editor-quick-suggestions Option",
+    "text": "editor-quick-suggestions Option\nSuggestions based on autocompletion can be enabled by setting the editor-quick-suggestions option to true. Enabling autocompletion means that the name of variables and functions will be viewable in a pop-up menu after pausing for a while on a line of code.\n\nEnabled Suggestions\nIn the following cell, you should be able to access on a new line of code the variable “supercalifragilisticexpialidocious” by pausing after typing super.\n\nquarto-webr OutputCell Code\n\n\n\nPlease enable JavaScript to experience the dynamic code cell content on this page.\n\n\n```{webr-r}\n#| label: editor-suggestions-enabled\n#| editor-quick-suggestions: true\n\nsupercalifragilisticexpialidocious = 42L\n\n# Try typing super ...\nsu\n\n```\n\n\n\n\n\n\n\n\n\nNote\n\n\n\nWe’ve temporarily disabled editor quick suggestions by default as the options presented were often more confusing than intended."
+  },
+  {
+    "objectID": "demos/qwebr-editor-options.html#editor-max-height-option",
+    "href": "demos/qwebr-editor-options.html#editor-max-height-option",
+    "title": "Demo: Editor Options",
+    "section": "editor-max-height Option",
+    "text": "editor-max-height Option\nThe editor maximum line height is now controlable through the editor-max-height option. By default, the editor is set to grow infinitely as new lines of code are added. By specifying a pixel value, all lines up to the threshold will be shown while later lines will require the use of the scroll bar in the editor window to access.\n\nFixed Height\nThe following editor has a fixed height of 55 pixels.\n\nquarto-webr OutputCell Code\n\n\n\nPlease enable JavaScript to experience the dynamic code cell content on this page.\n\n\n```{webr-r}\n#| label: editor-fixed-growth\n#| editor-max-height: 55\n1 + 1\n\nprint(\"hello\")\n```\n\n\n\n\n\nInfinite Height\nThe following editor will automatically grow as new lines of code are added.\n\nquarto-webr OutputCell Code\n\n\n\nPlease enable JavaScript to experience the dynamic code cell content on this page.\n\n\n```{webr-r}\n#| label: editor-infinite-growth\n1 + 1\n\nprint(\"hello\")\n```"
   },
   {
     "objectID": "demos/qwebr-editor-options.html#editor-font-scale-option",
@@ -876,7 +915,7 @@
     "href": "qwebr-release-notes.html",
     "title": "Release Notes",
     "section": "",
-    "text": "Note\n\n\n\nFeatures listed under the -dev version have not yet been solidified and may change at any point.\n\n\n\n\n\nWe’ve update the minimum Quarto requirement to 1.4.554.\n\nThis version of Quarto is apart of the latest RStudio IDE (Version: 2024.04.0, Date: 2024-04-29).\n\n\n\n\n\n\nUpgraded to webR v0.3.3 (#196)\nAdded ability to download the R history of commands executed through a new global menu in the right column and underneath Revealjs’ “Tools” menu. (#148)\nAdded a mouse over button to allow for downloading an image when generated. (#147)\nAdded cell-options document-level option to specify global defaults for {webr-r} options (#173, thanks ute!)\nAdded version document-level option to specify what version of webR should be used. Default embedded version. (#211)\nAdded editor-max-height cell option to limit growth of the editor window. (#177, thanks ute!)\nAdded editor-font-scale cell option to scale the code cell size relative to the page font size. Default is 1 for HTML Documents, Books, and Websites and 0.5 for Revealjs Slides. (#172 & #209, thanks ute!)\nAdded editor-quick-suggestions cell option to enable autocomplete menu suggestions. Default \"false\".(#182, thanks egenn!)\nAdded editor-word-wrap cell option to allow long lines to be wrapped inside of the code cell. Default \"true\". (#38)\nAdded the ability to have the monaco editor switch between Quarto’s light and dark theme modes. (#176)\nEnabled non-graphical computation within a webr-r cell when OffScreenCanvas is not available. (#155, thanks for raising it @mccarthy-m-g)\n\nIf OffScreenCanvas is not available, we now display a Quarto warning callout at the start of the document that emphasizes only non-graphical computation is available and a gentle nudge to upgrade the web browser being used.\nThe majority of modern browsers now have support for OffScreenCanvas. This previously effected users still on iOS 16 (Safari 16 and earlier).\n\n\n\n\n\n\nIncrease the minimum Quarto version requirement to 1.4.554. (#198).\nUpgraded to webR v0.3.2 (#187)\nAdded Lua type annotations and function documentation into the Quarto extensions’ Lua filter. (#190)\nAvoided distributing webr-serviceworker.js and webr-worker.js when channel-type is not service-worker. (#210)\nDynamically write webr-serviceworker.js and webr-worker.js files based on the version chosen (#212)\nUpdated the version of the FontAwesome from 6.5.1 to 6.5.2. (#191)\n\n\n\n\n\nPrevented vertical scroll bars from always being present by modifying the adaptive container of the editor to always be at least 2 pixels greater than the editor’s content instead of being the exact amount. (#164)\n\n\n\n\n\nUpdated community examples covering quarto-webr uses in 2024 Q1 (#193).\nImprove the data loading documentation page by clarifying the virtual file system usage (#201).",
+    "text": "Note\n\n\n\nFeatures listed under the -dev version have not yet been solidified and may change at any point.\n\n\n\n\n\nWe’ve update the minimum Quarto requirement to 1.4.554.\n\nThis version of Quarto is apart of the latest RStudio IDE (Version: 2024.04.0, Date: 2024-04-29).\n\n\n\n\n\n\nUpgraded to webR v0.3.3 (#196)\nAdded ability to download the R history of commands executed through a new global menu in the right column and underneath Revealjs’ “Tools” menu. (#148)\nAdded the ability to have the monaco editor switch between Quarto’s light and dark theme modes. (#176)\nAdded two new document-level options:\n\ncell-options specifies global defaults for {webr-r} options (#173, thanks ute!)\nversion specifies what version of webR should be used. Default embedded version. (#211)\n\nAdded the editor-* class of cell-level options to control the interactive code cell editor:\n\neditor-code-line-numbers allows highlighting code lines in the editor window. (#204)\neditor-word-wrap allows long lines to be wrapped inside of the code cell. Default \"true\". (#38)\neditor-quick-suggestions enables autocomplete menu suggestions. Default \"false\".(#182, thanks egenn!)\neditor-max-height limits growth of the editor window. (#177, thanks ute!)\neditor-font-scale scales the code cell size relative to the page font size. Default is 1 for HTML Documents, Books, and Websites and 0.5 for Revealjs Slides. (#172 & #209, thanks ute!)\n\nEnabled non-graphical computation within a webr-r cell when OffScreenCanvas is not available. (#155, thanks for raising it @mccarthy-m-g)\n\nIf OffScreenCanvas is not available, we now display a Quarto warning callout at the start of the document that emphasizes only non-graphical computation is available and a gentle nudge to upgrade the web browser being used.\nThe majority of modern browsers now have support for OffScreenCanvas. This previously effected users still on iOS 16 (Safari 16 and earlier).\n\n\n\n\n\n\nAdded a mouse over button to allow for downloading an image when generated. (#147)\nIncrease the minimum Quarto version requirement to 1.4.554. (#198).\nUpgraded to webR v0.3.2 (#187)\nAdded Lua type annotations and function documentation into the Quarto extensions’ Lua filter. (#190)\nAvoided distributing webr-serviceworker.js and webr-worker.js when channel-type is not service-worker. (#210)\nDynamically write webr-serviceworker.js and webr-worker.js files based on the version chosen (#212)\nUpdated the version of the FontAwesome from 6.5.1 to 6.5.2. (#191)\n\n\n\n\n\nPrevented vertical scroll bars from always being present by modifying the adaptive container of the editor to always be at least 2 pixels greater than the editor’s content instead of being the exact amount. (#164)\n\n\n\n\n\nUpdated community examples covering quarto-webr uses in 2024 Q1 (#193).\nImprove the data loading documentation page by clarifying the virtual file system usage (#201).",
     "crumbs": [
       "Extra Information",
       "Release Notes"
@@ -898,7 +937,7 @@
     "href": "qwebr-release-notes.html#features",
     "title": "Release Notes",
     "section": "",
-    "text": "Upgraded to webR v0.3.3 (#196)\nAdded ability to download the R history of commands executed through a new global menu in the right column and underneath Revealjs’ “Tools” menu. (#148)\nAdded a mouse over button to allow for downloading an image when generated. (#147)\nAdded cell-options document-level option to specify global defaults for {webr-r} options (#173, thanks ute!)\nAdded version document-level option to specify what version of webR should be used. Default embedded version. (#211)\nAdded editor-max-height cell option to limit growth of the editor window. (#177, thanks ute!)\nAdded editor-font-scale cell option to scale the code cell size relative to the page font size. Default is 1 for HTML Documents, Books, and Websites and 0.5 for Revealjs Slides. (#172 & #209, thanks ute!)\nAdded editor-quick-suggestions cell option to enable autocomplete menu suggestions. Default \"false\".(#182, thanks egenn!)\nAdded editor-word-wrap cell option to allow long lines to be wrapped inside of the code cell. Default \"true\". (#38)\nAdded the ability to have the monaco editor switch between Quarto’s light and dark theme modes. (#176)\nEnabled non-graphical computation within a webr-r cell when OffScreenCanvas is not available. (#155, thanks for raising it @mccarthy-m-g)\n\nIf OffScreenCanvas is not available, we now display a Quarto warning callout at the start of the document that emphasizes only non-graphical computation is available and a gentle nudge to upgrade the web browser being used.\nThe majority of modern browsers now have support for OffScreenCanvas. This previously effected users still on iOS 16 (Safari 16 and earlier).",
+    "text": "Upgraded to webR v0.3.3 (#196)\nAdded ability to download the R history of commands executed through a new global menu in the right column and underneath Revealjs’ “Tools” menu. (#148)\nAdded the ability to have the monaco editor switch between Quarto’s light and dark theme modes. (#176)\nAdded two new document-level options:\n\ncell-options specifies global defaults for {webr-r} options (#173, thanks ute!)\nversion specifies what version of webR should be used. Default embedded version. (#211)\n\nAdded the editor-* class of cell-level options to control the interactive code cell editor:\n\neditor-code-line-numbers allows highlighting code lines in the editor window. (#204)\neditor-word-wrap allows long lines to be wrapped inside of the code cell. Default \"true\". (#38)\neditor-quick-suggestions enables autocomplete menu suggestions. Default \"false\".(#182, thanks egenn!)\neditor-max-height limits growth of the editor window. (#177, thanks ute!)\neditor-font-scale scales the code cell size relative to the page font size. Default is 1 for HTML Documents, Books, and Websites and 0.5 for Revealjs Slides. (#172 & #209, thanks ute!)\n\nEnabled non-graphical computation within a webr-r cell when OffScreenCanvas is not available. (#155, thanks for raising it @mccarthy-m-g)\n\nIf OffScreenCanvas is not available, we now display a Quarto warning callout at the start of the document that emphasizes only non-graphical computation is available and a gentle nudge to upgrade the web browser being used.\nThe majority of modern browsers now have support for OffScreenCanvas. This previously effected users still on iOS 16 (Safari 16 and earlier).",
     "crumbs": [
       "Extra Information",
       "Release Notes"
@@ -909,7 +948,7 @@
     "href": "qwebr-release-notes.html#changes",
     "title": "Release Notes",
     "section": "",
-    "text": "Increase the minimum Quarto version requirement to 1.4.554. (#198).\nUpgraded to webR v0.3.2 (#187)\nAdded Lua type annotations and function documentation into the Quarto extensions’ Lua filter. (#190)\nAvoided distributing webr-serviceworker.js and webr-worker.js when channel-type is not service-worker. (#210)\nDynamically write webr-serviceworker.js and webr-worker.js files based on the version chosen (#212)\nUpdated the version of the FontAwesome from 6.5.1 to 6.5.2. (#191)",
+    "text": "Added a mouse over button to allow for downloading an image when generated. (#147)\nIncrease the minimum Quarto version requirement to 1.4.554. (#198).\nUpgraded to webR v0.3.2 (#187)\nAdded Lua type annotations and function documentation into the Quarto extensions’ Lua filter. (#190)\nAvoided distributing webr-serviceworker.js and webr-worker.js when channel-type is not service-worker. (#210)\nDynamically write webr-serviceworker.js and webr-worker.js files based on the version chosen (#212)\nUpdated the version of the FontAwesome from 6.5.1 to 6.5.2. (#191)",
     "crumbs": [
       "Extra Information",
       "Release Notes"
diff --git a/tests/index.html b/tests/index.html
index 2e44f04..38e9fcc 100644
--- a/tests/index.html
+++ b/tests/index.html
@@ -190,6 +190,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -349,7 +358,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"code":"print(\"Welcome to behind the scenes of quarto-webr!\")","id":1,"options":{"context":"interactive","fig-cap":"","classes":"","fig-height":5,"dpi":72,"warning":"true","out-width":"700px","label":"unnamed-chunk-1","editor-font-scale":"1","results":"markup","editor-word-wrap":"true","fig-width":7,"editor-max-height":"","comment":"","autorun":"false","output":"true","message":"true","out-height":"","editor-quick-suggestions":"false","read-only":"false"}}];
+globalThis.qwebrCellDetails = [{"code":"print(\"Welcome to behind the scenes of quarto-webr!\")","id":1,"options":{"message":"true","output":"true","results":"markup","warning":"true","fig-height":5,"fig-width":7,"editor-max-height":"","classes":"","comment":"","out-height":"","out-width":"700px","fig-cap":"","dpi":72,"read-only":"false","autorun":"false","context":"interactive","label":"unnamed-chunk-1","editor-word-wrap":"true","editor-font-scale":"1","editor-quick-suggestions":"false"}}];
 
 </script>
 <script type="module">
@@ -1849,6 +1858,12 @@
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1902,7 +1917,7 @@
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1928,6 +1943,56 @@
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/tests/qwebr-test-editor-options.html b/tests/qwebr-test-editor-options.html
index 1e56827..dccd583 100644
--- a/tests/qwebr-test-editor-options.html
+++ b/tests/qwebr-test-editor-options.html
@@ -190,6 +190,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -349,7 +358,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"id":1,"code":"print(\"test\")","options":{"results":"markup","editor-quick-suggestions":"false","fig-height":5,"classes":"","out-width":"700px","editor-font-scale":"1","out-height":"","fig-width":7,"comment":"","warning":"true","autorun":"false","dpi":72,"editor-max-height":"","fig-cap":"","editor-word-wrap":"true","context":"interactive","output":"true","message":"true","read-only":"false","label":"unnamed-chunk-1"}},{"id":2,"code":"print(\"test\")\n59120\n1 + 1\nc(1, 3, 4)\nprint(\"line 5\")","options":{"results":"markup","editor-quick-suggestions":"false","fig-height":5,"classes":"","out-width":"700px","editor-font-scale":"1","out-height":"","fig-width":7,"comment":"","warning":"true","autorun":"false","dpi":72,"editor-max-height":"","fig-cap":"","editor-word-wrap":"true","context":"interactive","output":"true","message":"true","read-only":"false","label":"unnamed-chunk-2"}},{"id":3,"code":"print(\"test\")\n59120\n1 + 1\nc(1, 3, 4)\nprint(\"line 5\")","options":{"results":"markup","editor-quick-suggestions":"false","fig-height":5,"classes":"","out-width":"700px","editor-font-scale":"1","out-height":"","fig-width":7,"comment":"","warning":"true","autorun":"false","dpi":72,"editor-max-height":"80","fig-cap":"","editor-word-wrap":"true","context":"interactive","output":"true","message":"true","read-only":"false","label":"unnamed-chunk-3"}},{"id":4,"code":"my_long_variable = 1\n\nprin","options":{"results":"markup","editor-quick-suggestions":"true","fig-height":5,"classes":"","out-width":"700px","editor-font-scale":"1","out-height":"","fig-width":7,"comment":"","warning":"true","autorun":"false","dpi":72,"editor-max-height":"","fig-cap":"","editor-word-wrap":"true","context":"interactive","output":"true","message":"true","read-only":"false","label":"unnamed-chunk-4"}}];
+globalThis.qwebrCellDetails = [{"id":1,"options":{"label":"unnamed-chunk-1","warning":"true","read-only":"false","editor-font-scale":"1","fig-cap":"","dpi":72,"comment":"","message":"true","output":"true","results":"markup","classes":"","fig-height":5,"autorun":"false","fig-width":7,"out-height":"","context":"interactive","editor-word-wrap":"true","editor-max-height":"","editor-quick-suggestions":"false","out-width":"700px"},"code":"print(\"test\")"},{"id":2,"options":{"label":"unnamed-chunk-2","warning":"true","read-only":"false","editor-font-scale":"1","fig-cap":"","dpi":72,"comment":"","message":"true","output":"true","results":"markup","classes":"","fig-height":5,"autorun":"false","fig-width":7,"out-height":"","context":"interactive","editor-word-wrap":"true","editor-max-height":"","editor-quick-suggestions":"false","out-width":"700px"},"code":"print(\"test\")\n59120\n1 + 1\nc(1, 3, 4)\nprint(\"line 5\")"},{"id":3,"options":{"label":"unnamed-chunk-3","warning":"true","read-only":"false","editor-font-scale":"1","fig-cap":"","dpi":72,"comment":"","message":"true","output":"true","results":"markup","classes":"","fig-height":5,"autorun":"false","fig-width":7,"out-height":"","context":"interactive","editor-word-wrap":"true","editor-max-height":"80","editor-quick-suggestions":"false","out-width":"700px"},"code":"print(\"test\")\n59120\n1 + 1\nc(1, 3, 4)\nprint(\"line 5\")"},{"id":4,"options":{"label":"unnamed-chunk-4","warning":"true","read-only":"false","editor-font-scale":"1","fig-cap":"","dpi":72,"comment":"","message":"true","output":"true","results":"markup","classes":"","fig-height":5,"autorun":"false","fig-width":7,"out-height":"","context":"interactive","editor-word-wrap":"true","editor-max-height":"","editor-quick-suggestions":"true","out-width":"700px"},"code":"my_long_variable = 1\n\nprin"},{"id":5,"options":{"label":"unnamed-chunk-5","warning":"true","read-only":"false","editor-font-scale":"1","fig-cap":"","dpi":72,"comment":"","message":"true","output":"true","results":"markup","classes":"","fig-height":5,"autorun":"false","fig-width":7,"out-height":"","context":"interactive","editor-code-line-numbers":"1","editor-word-wrap":"true","editor-max-height":"","editor-quick-suggestions":"false","out-width":"700px"},"code":"my_long_variable = 1\n\n1 + 1\n\nprint(\"hello!\")"},{"id":6,"options":{"label":"unnamed-chunk-6","warning":"true","read-only":"false","editor-font-scale":"1","fig-cap":"","dpi":72,"comment":"","message":"true","output":"true","results":"markup","classes":"","fig-height":5,"autorun":"false","fig-width":7,"out-height":"","context":"interactive","editor-code-line-numbers":"1,5","editor-word-wrap":"true","editor-max-height":"","editor-quick-suggestions":"false","out-width":"700px"},"code":"my_long_variable = 1\n\n1 + 1\n\nprint(\"hello!\")"},{"id":7,"options":{"label":"unnamed-chunk-7","warning":"true","read-only":"false","editor-font-scale":"1","fig-cap":"","dpi":72,"comment":"","message":"true","output":"true","results":"markup","classes":"","fig-height":5,"autorun":"false","fig-width":7,"out-height":"","context":"interactive","editor-code-line-numbers":"1-3,5","editor-word-wrap":"true","editor-max-height":"","editor-quick-suggestions":"false","out-width":"700px"},"code":"my_long_variable = 1\n\n1 + 1\n\nprint(\"hello!\")"},{"id":8,"options":{"label":"unnamed-chunk-8","warning":"true","read-only":"false","editor-font-scale":"1","fig-cap":"","dpi":72,"comment":"","message":"true","output":"true","results":"markup","classes":"","fig-height":5,"autorun":"false","fig-width":7,"out-height":"","context":"interactive","editor-word-wrap":"true","editor-max-height":"","editor-quick-suggestions":"false","out-width":"700px"},"code":"\nmy_extra_extra_extra_extra_extra_long_variable = 1"},{"id":9,"options":{"label":"unnamed-chunk-9","warning":"true","read-only":"false","editor-font-scale":"1","fig-cap":"","dpi":72,"comment":"","message":"true","output":"true","results":"markup","classes":"","fig-height":5,"autorun":"false","fig-width":7,"out-height":"","context":"interactive","editor-word-wrap":"false","editor-max-height":"","editor-quick-suggestions":"false","out-width":"700px"},"code":"\nmy_extra_extra_extra_extra_extra_long_variable = 1"}];
 
 </script>
 <script type="module">
@@ -1849,6 +1858,12 @@
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1902,7 +1917,7 @@
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1928,6 +1943,56 @@
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
@@ -2063,8 +2128,40 @@ <h2 class="anchored" data-anchor-id="autosuggetions">Autosuggetions</h2>
 <p>Opt-in to auto suggestions.</p>
 <div id="qwebr-insertion-location-4"></div>
 <noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
+</section>
+<section id="highlight" class="level2">
+<h2 class="anchored" data-anchor-id="highlight">Highlight</h2>
+<p>Opt-in to auto suggestions.</p>
+<section id="only-1-line" class="level3">
+<h3 class="anchored" data-anchor-id="only-1-line">Only 1 line</h3>
+<div id="qwebr-insertion-location-5"></div>
+<noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
+</section>
+<section id="line-1-and-5" class="level3">
+<h3 class="anchored" data-anchor-id="line-1-and-5">Line 1 and 5</h3>
+<div id="qwebr-insertion-location-6"></div>
+<noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
+</section>
+<section id="line-1-3-and-5" class="level3">
+<h3 class="anchored" data-anchor-id="line-1-3-and-5">Line 1-3 and 5</h3>
+<div id="qwebr-insertion-location-7"></div>
+<noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
+</section>
+</section>
+<section id="word-wrap" class="level2">
+<h2 class="anchored" data-anchor-id="word-wrap">Word wrap</h2>
+<section id="enabled-wrap" class="level3">
+<h3 class="anchored" data-anchor-id="enabled-wrap">Enabled Wrap</h3>
+<div id="qwebr-insertion-location-8"></div>
+<noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
+</section>
+<section id="disabled-wrap" class="level3">
+<h3 class="anchored" data-anchor-id="disabled-wrap">Disabled Wrap</h3>
+<div id="qwebr-insertion-location-9"></div>
+<noscript>Please enable JavaScript to experience the dynamic code cell content on this page.</noscript>
 
 
+</section>
 </section>
 
 </main> <!-- /main -->
diff --git a/tests/qwebr-test-escape-html-output-characters.html b/tests/qwebr-test-escape-html-output-characters.html
index ccebddf..2b02afb 100644
--- a/tests/qwebr-test-escape-html-output-characters.html
+++ b/tests/qwebr-test-escape-html-output-characters.html
@@ -190,6 +190,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -349,7 +358,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"id":1,"code":"# This function converts a markdown link into HTML\n\"[Posit](https://posit.co)\" |> (\\(.) {\n  text <- sub(\"\\\\].*\", \"\", sub(\".*\\\\[\", \"\", .))\n  url <- sub(\"\\\\).*\", \"\", sub(\".*\\\\(\", \"\", .))\n  \n  writeLines(noquote(paste0('<a href=\"', url, '\" target = \"_blank\">', text, '</a>')))\n})()","options":{"autorun":"false","classes":"","results":"markup","fig-cap":"","context":"interactive","comment":"","warning":"true","out-width":"700px","editor-font-scale":"1","dpi":72,"fig-width":7,"message":"true","fig-height":5,"output":"true","read-only":"false","label":"unnamed-chunk-1","out-height":"","editor-quick-suggestions":"false","editor-max-height":"","editor-word-wrap":"true"}},{"id":2,"code":"# This function converts a markdown link into HTML\n\"[Posit](https://posit.co)\" |> (\\(.) {\n  text <- sub(\"\\\\].*\", \"\", sub(\".*\\\\[\", \"\", .))\n  url <- sub(\"\\\\).*\", \"\", sub(\".*\\\\(\", \"\", .))\n  \n  writeLines(noquote(paste0('<a href=\"', url, '\" target = \"_blank\">', text, '</a>')))\n})()","options":{"autorun":"true","classes":"","results":"markup","fig-cap":"","context":"output","comment":"","warning":"true","out-width":"700px","editor-font-scale":"1","dpi":72,"fig-width":7,"message":"true","fig-height":5,"output":"true","read-only":"false","label":"unnamed-chunk-2","out-height":"","editor-quick-suggestions":"false","editor-max-height":"","editor-word-wrap":"true"}},{"id":3,"code":"# This function converts a markdown link into HTML\n\"[Posit](https://posit.co)\" |> (\\(.) {\n  text <- sub(\"\\\\].*\", \"\", sub(\".*\\\\[\", \"\", .))\n  url <- sub(\"\\\\).*\", \"\", sub(\".*\\\\(\", \"\", .))\n  \n  writeLines(noquote(paste0('<a href=\"', url, '\" target = \"_blank\">', text, '</a>')))\n})()","options":{"autorun":"true","classes":"","results":"asis","fig-cap":"","context":"output","comment":"","warning":"true","out-width":"700px","editor-font-scale":"1","dpi":72,"fig-width":7,"message":"true","fig-height":5,"output":"true","read-only":"false","label":"unnamed-chunk-3","out-height":"","editor-quick-suggestions":"false","editor-max-height":"","editor-word-wrap":"true"}},{"id":4,"code":"# This function converts a markdown link into HTML\n\"[Posit](https://posit.co)\" |> (\\(.) {\n  text <- sub(\"\\\\].*\", \"\", sub(\".*\\\\[\", \"\", .))\n  url <- sub(\"\\\\).*\", \"\", sub(\".*\\\\(\", \"\", .))\n  \n  writeLines(noquote(paste0('<a href=\"', url, '\" target = \"_blank\">', text, '</a>')))\n})()","options":{"autorun":"true","classes":"","results":"markup","fig-cap":"","context":"output","comment":"","warning":"true","out-width":"700px","editor-font-scale":"1","dpi":72,"fig-width":7,"message":"true","fig-height":5,"output":"asis","read-only":"false","label":"unnamed-chunk-4","out-height":"","editor-quick-suggestions":"false","editor-max-height":"","editor-word-wrap":"true"}}];
+globalThis.qwebrCellDetails = [{"id":1,"code":"# This function converts a markdown link into HTML\n\"[Posit](https://posit.co)\" |> (\\(.) {\n  text <- sub(\"\\\\].*\", \"\", sub(\".*\\\\[\", \"\", .))\n  url <- sub(\"\\\\).*\", \"\", sub(\".*\\\\(\", \"\", .))\n  \n  writeLines(noquote(paste0('<a href=\"', url, '\" target = \"_blank\">', text, '</a>')))\n})()","options":{"message":"true","editor-word-wrap":"true","output":"true","editor-quick-suggestions":"false","comment":"","out-width":"700px","read-only":"false","autorun":"false","fig-width":7,"editor-font-scale":"1","out-height":"","fig-height":5,"classes":"","dpi":72,"results":"markup","warning":"true","editor-max-height":"","context":"interactive","label":"unnamed-chunk-1","fig-cap":""}},{"id":2,"code":"# This function converts a markdown link into HTML\n\"[Posit](https://posit.co)\" |> (\\(.) {\n  text <- sub(\"\\\\].*\", \"\", sub(\".*\\\\[\", \"\", .))\n  url <- sub(\"\\\\).*\", \"\", sub(\".*\\\\(\", \"\", .))\n  \n  writeLines(noquote(paste0('<a href=\"', url, '\" target = \"_blank\">', text, '</a>')))\n})()","options":{"message":"true","editor-word-wrap":"true","output":"true","editor-quick-suggestions":"false","comment":"","out-width":"700px","read-only":"false","autorun":"true","fig-width":7,"editor-font-scale":"1","out-height":"","fig-height":5,"classes":"","dpi":72,"results":"markup","warning":"true","editor-max-height":"","context":"output","label":"unnamed-chunk-2","fig-cap":""}},{"id":3,"code":"# This function converts a markdown link into HTML\n\"[Posit](https://posit.co)\" |> (\\(.) {\n  text <- sub(\"\\\\].*\", \"\", sub(\".*\\\\[\", \"\", .))\n  url <- sub(\"\\\\).*\", \"\", sub(\".*\\\\(\", \"\", .))\n  \n  writeLines(noquote(paste0('<a href=\"', url, '\" target = \"_blank\">', text, '</a>')))\n})()","options":{"message":"true","editor-word-wrap":"true","output":"true","editor-quick-suggestions":"false","comment":"","out-width":"700px","read-only":"false","autorun":"true","fig-width":7,"editor-font-scale":"1","out-height":"","fig-height":5,"classes":"","dpi":72,"results":"asis","warning":"true","editor-max-height":"","context":"output","label":"unnamed-chunk-3","fig-cap":""}},{"id":4,"code":"# This function converts a markdown link into HTML\n\"[Posit](https://posit.co)\" |> (\\(.) {\n  text <- sub(\"\\\\].*\", \"\", sub(\".*\\\\[\", \"\", .))\n  url <- sub(\"\\\\).*\", \"\", sub(\".*\\\\(\", \"\", .))\n  \n  writeLines(noquote(paste0('<a href=\"', url, '\" target = \"_blank\">', text, '</a>')))\n})()","options":{"message":"true","editor-word-wrap":"true","output":"asis","editor-quick-suggestions":"false","comment":"","out-width":"700px","read-only":"false","autorun":"true","fig-width":7,"editor-font-scale":"1","out-height":"","fig-height":5,"classes":"","dpi":72,"results":"markup","warning":"true","editor-max-height":"","context":"output","label":"unnamed-chunk-4","fig-cap":""}}];
 
 </script>
 <script type="module">
@@ -1849,6 +1858,12 @@
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1902,7 +1917,7 @@
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1928,6 +1943,56 @@
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/tests/qwebr-test-global-cell-options.html b/tests/qwebr-test-global-cell-options.html
index b0f19ad..4271788 100644
--- a/tests/qwebr-test-global-cell-options.html
+++ b/tests/qwebr-test-global-cell-options.html
@@ -190,6 +190,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -349,7 +358,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"id":1,"options":{"message":"true","fig-height":5,"read-only":"false","dpi":72,"fig-width":7,"context":"interactive","comment":"##","editor-font-scale":"1","editor-quick-suggestions":"false","warning":"true","output":"true","classes":"","label":"unnamed-chunk-1","out-height":"","fig-cap":"","autorun":"true","results":"markup","out-width":"700px","editor-max-height":"","editor-word-wrap":"true"},"code":"print(\"test\")"},{"id":2,"options":{"message":"true","fig-height":5,"read-only":"false","dpi":72,"fig-width":7,"context":"interactive","comment":"","editor-font-scale":"1","editor-quick-suggestions":"false","warning":"true","output":"true","classes":"","label":"unnamed-chunk-2","out-height":"","fig-cap":"","autorun":"true","results":"markup","out-width":"700px","editor-max-height":"","editor-word-wrap":"true"},"code":"print(\"test\")"},{"id":3,"options":{"message":"true","fig-height":5,"read-only":"false","dpi":72,"fig-width":7,"context":"output","comment":"##","editor-font-scale":"1","editor-quick-suggestions":"false","warning":"true","output":"true","classes":"","label":"unnamed-chunk-3","out-height":"","fig-cap":"","autorun":"true","results":"markup","out-width":"700px","editor-max-height":"","editor-word-wrap":"true"},"code":"print(\"test\")"},{"id":4,"options":{"message":"true","fig-height":5,"read-only":"false","dpi":72,"fig-width":7,"context":"output","comment":"","editor-font-scale":"1","editor-quick-suggestions":"false","warning":"true","output":"true","classes":"","label":"unnamed-chunk-4","out-height":"","fig-cap":"","autorun":"true","results":"markup","out-width":"700px","editor-max-height":"","editor-word-wrap":"true"},"code":"print(\"test\")"}];
+globalThis.qwebrCellDetails = [{"id":1,"code":"print(\"test\")","options":{"label":"unnamed-chunk-1","dpi":72,"editor-max-height":"","output":"true","fig-cap":"","comment":"##","editor-word-wrap":"true","editor-quick-suggestions":"false","context":"interactive","message":"true","autorun":"true","fig-height":5,"warning":"true","results":"markup","out-width":"700px","out-height":"","editor-font-scale":"1","read-only":"false","classes":"","fig-width":7}},{"id":2,"code":"print(\"test\")","options":{"label":"unnamed-chunk-2","dpi":72,"editor-max-height":"","output":"true","fig-cap":"","comment":"","editor-word-wrap":"true","editor-quick-suggestions":"false","context":"interactive","message":"true","autorun":"true","fig-height":5,"warning":"true","results":"markup","out-width":"700px","out-height":"","editor-font-scale":"1","read-only":"false","classes":"","fig-width":7}},{"id":3,"code":"print(\"test\")","options":{"label":"unnamed-chunk-3","dpi":72,"editor-max-height":"","output":"true","fig-cap":"","comment":"##","editor-word-wrap":"true","editor-quick-suggestions":"false","context":"output","message":"true","autorun":"true","fig-height":5,"warning":"true","results":"markup","out-width":"700px","out-height":"","editor-font-scale":"1","read-only":"false","classes":"","fig-width":7}},{"id":4,"code":"print(\"test\")","options":{"label":"unnamed-chunk-4","dpi":72,"editor-max-height":"","output":"true","fig-cap":"","comment":"","editor-word-wrap":"true","editor-quick-suggestions":"false","context":"output","message":"true","autorun":"true","fig-height":5,"warning":"true","results":"markup","out-width":"700px","out-height":"","editor-font-scale":"1","read-only":"false","classes":"","fig-width":7}}];
 
 </script>
 <script type="module">
@@ -1849,6 +1858,12 @@
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1902,7 +1917,7 @@
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1928,6 +1943,56 @@
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/tests/qwebr-test-help-documentation.html b/tests/qwebr-test-help-documentation.html
index fe9db9d..4f30b12 100644
--- a/tests/qwebr-test-help-documentation.html
+++ b/tests/qwebr-test-help-documentation.html
@@ -190,6 +190,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -349,7 +358,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"id":1,"code":"?mean","options":{"fig-height":5,"output":"true","context":"interactive","message":"true","fig-width":7,"label":"unnamed-chunk-1","out-width":"700px","classes":"","results":"markup","editor-font-scale":"1","editor-word-wrap":"true","out-height":"","warning":"true","fig-cap":"","comment":"","editor-quick-suggestions":"false","autorun":"false","dpi":72,"editor-max-height":"","read-only":"false"}},{"id":2,"code":"?sd","options":{"fig-height":5,"output":"true","context":"output","message":"true","fig-width":7,"label":"unnamed-chunk-2","out-width":"700px","classes":"","results":"markup","editor-font-scale":"1","editor-word-wrap":"true","out-height":"","warning":"true","fig-cap":"","comment":"","editor-quick-suggestions":"false","autorun":"true","dpi":72,"editor-max-height":"","read-only":"false"}}];
+globalThis.qwebrCellDetails = [{"id":1,"options":{"fig-cap":"","results":"markup","context":"interactive","editor-quick-suggestions":"false","label":"unnamed-chunk-1","comment":"","warning":"true","output":"true","dpi":72,"out-height":"","classes":"","editor-max-height":"","autorun":"false","fig-height":5,"fig-width":7,"editor-word-wrap":"true","editor-font-scale":"1","message":"true","out-width":"700px","read-only":"false"},"code":"?mean"},{"id":2,"options":{"fig-cap":"","results":"markup","context":"output","editor-quick-suggestions":"false","label":"unnamed-chunk-2","comment":"","warning":"true","output":"true","dpi":72,"out-height":"","classes":"","editor-max-height":"","autorun":"true","fig-height":5,"fig-width":7,"editor-word-wrap":"true","editor-font-scale":"1","message":"true","out-width":"700px","read-only":"false"},"code":"?sd"}];
 
 </script>
 <script type="module">
@@ -1849,6 +1858,12 @@
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1902,7 +1917,7 @@
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1928,6 +1943,56 @@
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/tests/qwebr-test-interactive-with-keyboard-shortcut.html b/tests/qwebr-test-interactive-with-keyboard-shortcut.html
index 01dde9a..f6efc89 100644
--- a/tests/qwebr-test-interactive-with-keyboard-shortcut.html
+++ b/tests/qwebr-test-interactive-with-keyboard-shortcut.html
@@ -190,6 +190,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -349,7 +358,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"options":{"editor-quick-suggestions":"false","dpi":72,"editor-word-wrap":"true","label":"unnamed-chunk-1","warning":"true","results":"markup","output":"true","context":"interactive","editor-font-scale":"1","editor-max-height":"","autorun":"false","fig-height":5,"out-height":"","classes":"","message":"true","fig-cap":"","comment":"","fig-width":7,"out-width":"700px","read-only":"false"},"id":1,"code":"-3 + 5\n\nprint(\"Hello quarto-webr World!\")"}];
+globalThis.qwebrCellDetails = [{"options":{"read-only":"false","classes":"","fig-cap":"","output":"true","results":"markup","out-height":"","context":"interactive","message":"true","out-width":"700px","editor-max-height":"","editor-quick-suggestions":"false","autorun":"false","editor-font-scale":"1","label":"unnamed-chunk-1","fig-height":5,"warning":"true","dpi":72,"fig-width":7,"editor-word-wrap":"true","comment":""},"id":1,"code":"-3 + 5\n\nprint(\"Hello quarto-webr World!\")"}];
 
 </script>
 <script type="module">
@@ -1849,6 +1858,12 @@
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1902,7 +1917,7 @@
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1928,6 +1943,56 @@
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/tests/qwebr-test-internal-cell.html b/tests/qwebr-test-internal-cell.html
index eace75f..17a9976 100644
--- a/tests/qwebr-test-internal-cell.html
+++ b/tests/qwebr-test-internal-cell.html
@@ -190,6 +190,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -349,7 +358,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"options":{"warning":"true","fig-width":7,"classes":"","autorun":"false","out-height":"","editor-word-wrap":"true","output":"true","out-width":"700px","results":"markup","fig-cap":"","context":"interactive","message":"true","comment":"","dpi":72,"editor-font-scale":"1","read-only":"false","editor-max-height":"","fig-height":5,"label":"unnamed-chunk-1","editor-quick-suggestions":"false"},"id":1,"code":"1 + 1"},{"options":{"warning":"true","fig-width":7,"classes":"","autorun":"true","out-height":"","editor-word-wrap":"true","output":"true","out-width":"700px","results":"markup","fig-cap":"","context":"interactive","message":"true","comment":"","dpi":72,"editor-font-scale":"1","read-only":"false","editor-max-height":"","fig-height":5,"label":"unnamed-chunk-2","editor-quick-suggestions":"false"},"id":2,"code":"1 + 1"},{"options":{"warning":"true","fig-width":7,"classes":"","autorun":"true","out-height":"","editor-word-wrap":"true","output":"true","out-width":"700px","results":"markup","fig-cap":"","context":"interactive","message":"true","comment":"","dpi":72,"editor-font-scale":"1","read-only":"true","editor-max-height":"","fig-height":5,"label":"unnamed-chunk-3","editor-quick-suggestions":"false"},"id":3,"code":"1 + 1"},{"options":{"warning":"true","fig-width":7,"classes":"","autorun":"true","out-height":"","editor-word-wrap":"true","output":"true","out-width":"700px","results":"markup","fig-cap":"","context":"setup","message":"true","comment":"","dpi":72,"editor-font-scale":"1","read-only":"false","editor-max-height":"","fig-height":5,"label":"unnamed-chunk-4","editor-quick-suggestions":"false"},"id":4,"code":"x = c(1, 5, 3, -2)\ny = c(-5, 8, 9, 4)"},{"options":{"warning":"true","fig-width":7,"classes":"","autorun":"true","out-height":"","editor-word-wrap":"true","output":"true","out-width":"700px","results":"markup","fig-cap":"","context":"output","message":"true","comment":"","dpi":72,"editor-font-scale":"1","read-only":"false","editor-max-height":"","fig-height":5,"label":"unnamed-chunk-5","editor-quick-suggestions":"false"},"id":5,"code":"cat(\"x: \")\nprint(x)\n\ncat(\"y: \")\nprint(y)\n\nplot(x, y)"}];
+globalThis.qwebrCellDetails = [{"code":"1 + 1","id":1,"options":{"comment":"","fig-width":7,"label":"unnamed-chunk-1","out-width":"700px","output":"true","warning":"true","read-only":"false","editor-font-scale":"1","editor-quick-suggestions":"false","dpi":72,"fig-height":5,"message":"true","context":"interactive","classes":"","editor-word-wrap":"true","editor-max-height":"","autorun":"false","out-height":"","fig-cap":"","results":"markup"}},{"code":"1 + 1","id":2,"options":{"comment":"","fig-width":7,"label":"unnamed-chunk-2","out-width":"700px","output":"true","warning":"true","read-only":"false","editor-font-scale":"1","editor-quick-suggestions":"false","dpi":72,"fig-height":5,"message":"true","context":"interactive","classes":"","editor-word-wrap":"true","editor-max-height":"","autorun":"true","out-height":"","fig-cap":"","results":"markup"}},{"code":"1 + 1","id":3,"options":{"comment":"","fig-width":7,"label":"unnamed-chunk-3","out-width":"700px","output":"true","warning":"true","read-only":"true","editor-font-scale":"1","editor-quick-suggestions":"false","dpi":72,"fig-height":5,"message":"true","context":"interactive","classes":"","editor-word-wrap":"true","editor-max-height":"","autorun":"true","out-height":"","fig-cap":"","results":"markup"}},{"code":"x = c(1, 5, 3, -2)\ny = c(-5, 8, 9, 4)","id":4,"options":{"comment":"","fig-width":7,"label":"unnamed-chunk-4","out-width":"700px","output":"true","warning":"true","read-only":"false","editor-font-scale":"1","editor-quick-suggestions":"false","dpi":72,"fig-height":5,"message":"true","context":"setup","classes":"","editor-word-wrap":"true","editor-max-height":"","autorun":"true","out-height":"","fig-cap":"","results":"markup"}},{"code":"cat(\"x: \")\nprint(x)\n\ncat(\"y: \")\nprint(y)\n\nplot(x, y)","id":5,"options":{"comment":"","fig-width":7,"label":"unnamed-chunk-5","out-width":"700px","output":"true","warning":"true","read-only":"false","editor-font-scale":"1","editor-quick-suggestions":"false","dpi":72,"fig-height":5,"message":"true","context":"output","classes":"","editor-word-wrap":"true","editor-max-height":"","autorun":"true","out-height":"","fig-cap":"","results":"markup"}}];
 
 </script>
 <script type="module">
@@ -1849,6 +1858,12 @@
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1902,7 +1917,7 @@
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1928,6 +1943,56 @@
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/tests/qwebr-test-multiple-cells.html b/tests/qwebr-test-multiple-cells.html
index 7aa56b5..96ff29f 100644
--- a/tests/qwebr-test-multiple-cells.html
+++ b/tests/qwebr-test-multiple-cells.html
@@ -190,6 +190,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -349,7 +358,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"id":1,"code":"1 + 1 ","options":{"dpi":72,"fig-cap":"","editor-word-wrap":"true","out-height":"","context":"interactive","warning":"true","fig-height":5,"fig-width":7,"results":"markup","read-only":"false","label":"unnamed-chunk-1","out-width":"700px","output":"true","editor-max-height":"","message":"true","editor-font-scale":"1","editor-quick-suggestions":"false","autorun":"false","comment":"","classes":""}},{"id":2,"code":"plot(pressure)","options":{"dpi":72,"fig-cap":"","editor-word-wrap":"true","out-height":"","context":"interactive","warning":"true","fig-height":5,"fig-width":7,"results":"markup","read-only":"false","label":"unnamed-chunk-2","out-width":"700px","output":"true","editor-max-height":"","message":"true","editor-font-scale":"1","editor-quick-suggestions":"false","autorun":"false","comment":"","classes":""}},{"id":3,"code":"1 + 1 ","options":{"dpi":72,"fig-cap":"","editor-word-wrap":"true","out-height":"","context":"output","warning":"true","fig-height":5,"fig-width":7,"results":"markup","read-only":"false","label":"unnamed-chunk-3","out-width":"700px","output":"true","editor-max-height":"","message":"true","editor-font-scale":"1","editor-quick-suggestions":"false","autorun":"true","comment":"","classes":""}},{"id":4,"code":"plot(pressure)","options":{"dpi":72,"fig-cap":"","editor-word-wrap":"true","out-height":"","context":"output","warning":"true","fig-height":5,"fig-width":7,"results":"markup","read-only":"false","label":"unnamed-chunk-4","out-width":"700px","output":"true","editor-max-height":"","message":"true","editor-font-scale":"1","editor-quick-suggestions":"false","autorun":"true","comment":"","classes":""}}];
+globalThis.qwebrCellDetails = [{"options":{"output":"true","message":"true","out-width":"700px","context":"interactive","dpi":72,"read-only":"false","editor-quick-suggestions":"false","results":"markup","classes":"","warning":"true","label":"unnamed-chunk-1","fig-width":7,"editor-max-height":"","fig-height":5,"comment":"","editor-word-wrap":"true","autorun":"false","editor-font-scale":"1","out-height":"","fig-cap":""},"code":"1 + 1 ","id":1},{"options":{"output":"true","message":"true","out-width":"700px","context":"interactive","dpi":72,"read-only":"false","editor-quick-suggestions":"false","results":"markup","classes":"","warning":"true","label":"unnamed-chunk-2","fig-width":7,"editor-max-height":"","fig-height":5,"comment":"","editor-word-wrap":"true","autorun":"false","editor-font-scale":"1","out-height":"","fig-cap":""},"code":"plot(pressure)","id":2},{"options":{"output":"true","message":"true","out-width":"700px","context":"output","dpi":72,"read-only":"false","editor-quick-suggestions":"false","results":"markup","classes":"","warning":"true","label":"unnamed-chunk-3","fig-width":7,"editor-max-height":"","fig-height":5,"comment":"","editor-word-wrap":"true","autorun":"true","editor-font-scale":"1","out-height":"","fig-cap":""},"code":"1 + 1 ","id":3},{"options":{"output":"true","message":"true","out-width":"700px","context":"output","dpi":72,"read-only":"false","editor-quick-suggestions":"false","results":"markup","classes":"","warning":"true","label":"unnamed-chunk-4","fig-width":7,"editor-max-height":"","fig-height":5,"comment":"","editor-word-wrap":"true","autorun":"true","editor-font-scale":"1","out-height":"","fig-cap":""},"code":"plot(pressure)","id":4}];
 
 </script>
 <script type="module">
@@ -1849,6 +1858,12 @@
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1902,7 +1917,7 @@
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1928,6 +1943,56 @@
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/tests/qwebr-test-non-interactive-chained-cells.html b/tests/qwebr-test-non-interactive-chained-cells.html
index 0ab9e8e..537d22e 100644
--- a/tests/qwebr-test-non-interactive-chained-cells.html
+++ b/tests/qwebr-test-non-interactive-chained-cells.html
@@ -190,6 +190,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -349,7 +358,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"options":{"message":"true","context":"setup","autorun":"true","editor-max-height":"","dpi":72,"label":"unnamed-chunk-1","out-height":"","fig-cap":"","out-width":"700px","read-only":"false","fig-width":7,"classes":"","editor-word-wrap":"true","results":"markup","output":"true","fig-height":5,"comment":"","warning":"true","editor-quick-suggestions":"false","editor-font-scale":"1"},"code":"g <- ggplot(mtcars, aes(x = wt, y = mpg)) \n\nSys.sleep(0.25)","id":1},{"options":{"message":"true","context":"output","autorun":"true","editor-max-height":"","dpi":72,"label":"unnamed-chunk-2","out-height":"","fig-cap":"","out-width":"700px","read-only":"false","fig-width":7,"classes":"","editor-word-wrap":"true","results":"markup","output":"true","fig-height":5,"comment":"","warning":"true","editor-quick-suggestions":"false","editor-font-scale":"1"},"code":"g + geom_point()\n\nSys.sleep(0.25)","id":2},{"options":{"message":"true","context":"output","autorun":"true","editor-max-height":"","dpi":72,"label":"unnamed-chunk-3","out-height":"","fig-cap":"","out-width":"700px","read-only":"false","fig-width":7,"classes":"","editor-word-wrap":"true","results":"markup","output":"true","fig-height":5,"comment":"","warning":"true","editor-quick-suggestions":"false","editor-font-scale":"1"},"code":"g + geom_point(aes(colour = factor(cyl)))\nSys.sleep(0.25)","id":3},{"options":{"message":"true","context":"interactive","autorun":"false","editor-max-height":"","dpi":72,"label":"unnamed-chunk-4","out-height":"","fig-cap":"","out-width":"700px","read-only":"false","fig-width":7,"classes":"","editor-word-wrap":"true","results":"markup","output":"true","fig-height":5,"comment":"","warning":"true","editor-quick-suggestions":"false","editor-font-scale":"1"},"code":"g","id":4}];
+globalThis.qwebrCellDetails = [{"options":{"comment":"","fig-cap":"","editor-font-scale":"1","out-height":"","editor-word-wrap":"true","editor-max-height":"","editor-quick-suggestions":"false","message":"true","label":"unnamed-chunk-1","results":"markup","context":"setup","autorun":"true","classes":"","out-width":"700px","read-only":"false","dpi":72,"fig-height":5,"warning":"true","output":"true","fig-width":7},"code":"g <- ggplot(mtcars, aes(x = wt, y = mpg)) \n\nSys.sleep(0.25)","id":1},{"options":{"comment":"","fig-cap":"","editor-font-scale":"1","out-height":"","editor-word-wrap":"true","editor-max-height":"","editor-quick-suggestions":"false","message":"true","label":"unnamed-chunk-2","results":"markup","context":"output","autorun":"true","classes":"","out-width":"700px","read-only":"false","dpi":72,"fig-height":5,"warning":"true","output":"true","fig-width":7},"code":"g + geom_point()\n\nSys.sleep(0.25)","id":2},{"options":{"comment":"","fig-cap":"","editor-font-scale":"1","out-height":"","editor-word-wrap":"true","editor-max-height":"","editor-quick-suggestions":"false","message":"true","label":"unnamed-chunk-3","results":"markup","context":"output","autorun":"true","classes":"","out-width":"700px","read-only":"false","dpi":72,"fig-height":5,"warning":"true","output":"true","fig-width":7},"code":"g + geom_point(aes(colour = factor(cyl)))\nSys.sleep(0.25)","id":3},{"options":{"comment":"","fig-cap":"","editor-font-scale":"1","out-height":"","editor-word-wrap":"true","editor-max-height":"","editor-quick-suggestions":"false","message":"true","label":"unnamed-chunk-4","results":"markup","context":"interactive","autorun":"false","classes":"","out-width":"700px","read-only":"false","dpi":72,"fig-height":5,"warning":"true","output":"true","fig-width":7},"code":"g","id":4}];
 
 </script>
 <script type="module">
@@ -1849,6 +1858,12 @@
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1902,7 +1917,7 @@
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1928,6 +1943,56 @@
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/tests/qwebr-test-non-interactive-context-with-packages.html b/tests/qwebr-test-non-interactive-context-with-packages.html
index 176d83a..ec20c22 100644
--- a/tests/qwebr-test-non-interactive-context-with-packages.html
+++ b/tests/qwebr-test-non-interactive-context-with-packages.html
@@ -190,6 +190,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -349,7 +358,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"options":{"autorun":"true","fig-height":5,"warning":"true","out-width":"700px","dpi":72,"message":"true","context":"output","editor-max-height":"","out-height":"","classes":"","editor-word-wrap":"true","editor-font-scale":"1","fig-cap":"","read-only":"false","editor-quick-suggestions":"false","output":"true","fig-width":7,"label":"unnamed-chunk-1","results":"markup","comment":""},"id":1,"code":"library(\"ggplot2\")\ng <- ggplot(mtcars, aes(x = wt, y = mpg)) + geom_point()\ng"},{"options":{"autorun":"false","fig-height":5,"warning":"true","out-width":"700px","dpi":72,"message":"true","context":"interactive","editor-max-height":"","out-height":"","classes":"","editor-word-wrap":"true","editor-font-scale":"1","fig-cap":"","read-only":"false","editor-quick-suggestions":"false","output":"true","fig-width":7,"label":"unnamed-chunk-2","results":"markup","comment":""},"id":2,"code":"g + aes(color = factor(cyl))"}];
+globalThis.qwebrCellDetails = [{"options":{"read-only":"false","output":"true","fig-cap":"","context":"output","out-height":"","comment":"","editor-quick-suggestions":"false","message":"true","autorun":"true","label":"unnamed-chunk-1","editor-font-scale":"1","editor-max-height":"","results":"markup","dpi":72,"fig-height":5,"warning":"true","fig-width":7,"out-width":"700px","editor-word-wrap":"true","classes":""},"code":"library(\"ggplot2\")\ng <- ggplot(mtcars, aes(x = wt, y = mpg)) + geom_point()\ng","id":1},{"options":{"read-only":"false","output":"true","fig-cap":"","context":"interactive","out-height":"","comment":"","editor-quick-suggestions":"false","message":"true","autorun":"false","label":"unnamed-chunk-2","editor-font-scale":"1","editor-max-height":"","results":"markup","dpi":72,"fig-height":5,"warning":"true","fig-width":7,"out-width":"700px","editor-word-wrap":"true","classes":""},"code":"g + aes(color = factor(cyl))","id":2}];
 
 </script>
 <script type="module">
@@ -1849,6 +1858,12 @@
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1902,7 +1917,7 @@
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1928,6 +1943,56 @@
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/tests/qwebr-test-non-interactive-setup-with-packages-and-interactive.html b/tests/qwebr-test-non-interactive-setup-with-packages-and-interactive.html
index e108c73..5f6000f 100644
--- a/tests/qwebr-test-non-interactive-setup-with-packages-and-interactive.html
+++ b/tests/qwebr-test-non-interactive-setup-with-packages-and-interactive.html
@@ -190,6 +190,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -349,7 +358,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"options":{"read-only":"false","fig-width":7,"editor-font-scale":"1","dpi":72,"out-height":"","warning":"true","classes":"","label":"unnamed-chunk-1","fig-height":5,"autorun":"true","fig-cap":"","out-width":"700px","comment":"","output":"true","message":"true","results":"markup","editor-word-wrap":"true","editor-quick-suggestions":"false","context":"setup","editor-max-height":""},"id":1,"code":"s <- 1000\ntheme_set(theme_minimal())\nblue <- \"#327291\""},{"options":{"read-only":"false","fig-width":7,"editor-font-scale":"1","dpi":72,"out-height":"","warning":"true","classes":"","label":"unnamed-chunk-2","fig-height":5,"autorun":"false","fig-cap":"","out-width":"700px","comment":"","output":"true","message":"true","results":"markup","editor-word-wrap":"true","editor-quick-suggestions":"false","context":"interactive","editor-max-height":""},"id":2,"code":"mean <- 5\nsd <- 2\nn <- 100\n\ndata <- tibble(x = rnorm(n = n, mean = mean, sd = sd))\n\nggplot(data, aes(x = x)) +\n  geom_histogram(\n    color = \"gray20\",\n    linewidth = 0.25,\n    fill = blue,\n    alpha = .85\n  )"}];
+globalThis.qwebrCellDetails = [{"id":1,"code":"s <- 1000\ntheme_set(theme_minimal())\nblue <- \"#327291\"","options":{"fig-cap":"","editor-max-height":"","out-width":"700px","autorun":"true","fig-height":5,"results":"markup","editor-word-wrap":"true","fig-width":7,"context":"setup","label":"unnamed-chunk-1","out-height":"","dpi":72,"editor-quick-suggestions":"false","comment":"","message":"true","classes":"","read-only":"false","output":"true","warning":"true","editor-font-scale":"1"}},{"id":2,"code":"mean <- 5\nsd <- 2\nn <- 100\n\ndata <- tibble(x = rnorm(n = n, mean = mean, sd = sd))\n\nggplot(data, aes(x = x)) +\n  geom_histogram(\n    color = \"gray20\",\n    linewidth = 0.25,\n    fill = blue,\n    alpha = .85\n  )","options":{"fig-cap":"","editor-max-height":"","out-width":"700px","autorun":"false","fig-height":5,"results":"markup","editor-word-wrap":"true","fig-width":7,"context":"interactive","label":"unnamed-chunk-2","out-height":"","dpi":72,"editor-quick-suggestions":"false","comment":"","message":"true","classes":"","read-only":"false","output":"true","warning":"true","editor-font-scale":"1"}}];
 
 </script>
 <script type="module">
@@ -1849,6 +1858,12 @@
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1902,7 +1917,7 @@
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1928,6 +1943,56 @@
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/tests/qwebr-test-non-interactive-setup-with-packages.html b/tests/qwebr-test-non-interactive-setup-with-packages.html
index f0f53ea..59aefa2 100644
--- a/tests/qwebr-test-non-interactive-setup-with-packages.html
+++ b/tests/qwebr-test-non-interactive-setup-with-packages.html
@@ -190,6 +190,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -349,7 +358,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"options":{"output":"true","comment":"","autorun":"true","fig-cap":"","editor-word-wrap":"true","warning":"true","classes":"","message":"true","results":"markup","context":"setup","editor-max-height":"","out-height":"","fig-height":5,"read-only":"false","out-width":"700px","dpi":72,"label":"spike-data","fig-width":7,"editor-quick-suggestions":"false","editor-font-scale":"1"},"code":"\nnew_mtcars <- mtcars |>\n  tibble::rownames_to_column(var = \"car\") |>\n  tibble::as_tibble() |>\n  dplyr::select(car, cyl, disp, wt) |>\n  dplyr::mutate(wt = dplyr::case_when(\n    wt < 2 ~ -wt,\n    TRUE ~ wt))","id":1},{"options":{"output":"true","comment":"","autorun":"false","fig-cap":"","editor-word-wrap":"true","warning":"true","classes":"","message":"true","results":"markup","context":"interactive","editor-max-height":"","out-height":"","fig-height":5,"read-only":"false","out-width":"700px","dpi":72,"label":"spike-data","fig-width":7,"editor-quick-suggestions":"false","editor-font-scale":"1"},"code":"new_mtcars","id":2}];
+globalThis.qwebrCellDetails = [{"options":{"label":"spike-data","editor-quick-suggestions":"false","output":"true","warning":"true","comment":"","results":"markup","editor-font-scale":"1","classes":"","out-height":"","fig-height":5,"autorun":"true","out-width":"700px","editor-word-wrap":"true","message":"true","context":"setup","read-only":"false","editor-max-height":"","fig-width":7,"fig-cap":"","dpi":72},"id":1,"code":"\nnew_mtcars <- mtcars |>\n  tibble::rownames_to_column(var = \"car\") |>\n  tibble::as_tibble() |>\n  dplyr::select(car, cyl, disp, wt) |>\n  dplyr::mutate(wt = dplyr::case_when(\n    wt < 2 ~ -wt,\n    TRUE ~ wt))"},{"options":{"label":"spike-data","editor-quick-suggestions":"false","output":"true","warning":"true","comment":"","results":"markup","editor-font-scale":"1","classes":"","out-height":"","fig-height":5,"autorun":"false","out-width":"700px","editor-word-wrap":"true","message":"true","context":"interactive","read-only":"false","editor-max-height":"","fig-width":7,"fig-cap":"","dpi":72},"id":2,"code":"new_mtcars"}];
 
 </script>
 <script type="module">
@@ -1849,6 +1858,12 @@
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1902,7 +1917,7 @@
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1928,6 +1943,56 @@
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/tests/qwebr-test-output-classes.html b/tests/qwebr-test-output-classes.html
index c9d2996..afcbbff 100644
--- a/tests/qwebr-test-output-classes.html
+++ b/tests/qwebr-test-output-classes.html
@@ -190,6 +190,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -349,7 +358,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"id":1,"code":"cat(\"Display letters: \")\nprint(letters[1:5])\n\nwarning(\"This is a warning message!\")\n\nstop(\"This is a hard error message!\")","options":{"results":"markup","fig-width":7,"autorun":"false","output":"true","editor-quick-suggestions":"false","classes":"","message":"true","fig-height":5,"context":"interactive","dpi":72,"label":"unnamed-chunk-1","read-only":"false","comment":"","fig-cap":"","editor-font-scale":"1","out-width":"700px","out-height":"","warning":"true","editor-word-wrap":"true","editor-max-height":""}},{"id":2,"code":"cat(\"Display letters: \")\nprint(letters[1:5])\n\nwarning(\"This is a warning message!\")\n\nstop(\"This is a hard error message!\")","options":{"results":"markup","fig-width":7,"autorun":"true","output":"true","editor-quick-suggestions":"false","classes":"","message":"true","fig-height":5,"context":"output","dpi":72,"label":"unnamed-chunk-2","read-only":"false","comment":"","fig-cap":"","editor-font-scale":"1","out-width":"700px","out-height":"","warning":"true","editor-word-wrap":"true","editor-max-height":""}},{"id":3,"code":"cat(\"Display letters: \")\nprint(letters[1:5])\n\nwarning(\"This is a warning message!\")\n\nstop(\"This is a hard error message!\")","options":{"results":"markup","fig-width":7,"autorun":"true","output":"true","editor-quick-suggestions":"false","classes":"","message":"true","fig-height":5,"context":"output","dpi":72,"label":"unnamed-chunk-3","read-only":"false","comment":"## ","fig-cap":"","editor-font-scale":"1","out-width":"700px","out-height":"","warning":"true","editor-word-wrap":"true","editor-max-height":""}},{"id":4,"code":"cat(\"Display letters: \")\nprint(letters[1:5])\n\nwarning(\"This is a warning message!\")\n\nstop(\"This is a hard error message!\")","options":{"results":"markup","fig-width":7,"autorun":"true","output":"true","editor-quick-suggestions":"false","classes":"toad green","message":"true","fig-height":5,"context":"output","dpi":72,"label":"unnamed-chunk-4","read-only":"false","comment":"","fig-cap":"","editor-font-scale":"1","out-width":"700px","out-height":"","warning":"true","editor-word-wrap":"true","editor-max-height":""}}];
+globalThis.qwebrCellDetails = [{"code":"cat(\"Display letters: \")\nprint(letters[1:5])\n\nwarning(\"This is a warning message!\")\n\nstop(\"This is a hard error message!\")","options":{"results":"markup","message":"true","editor-font-scale":"1","context":"interactive","dpi":72,"editor-max-height":"","label":"unnamed-chunk-1","editor-quick-suggestions":"false","out-height":"","comment":"","autorun":"false","output":"true","editor-word-wrap":"true","out-width":"700px","fig-height":5,"read-only":"false","classes":"","fig-cap":"","warning":"true","fig-width":7},"id":1},{"code":"cat(\"Display letters: \")\nprint(letters[1:5])\n\nwarning(\"This is a warning message!\")\n\nstop(\"This is a hard error message!\")","options":{"results":"markup","message":"true","editor-font-scale":"1","context":"output","dpi":72,"editor-max-height":"","label":"unnamed-chunk-2","editor-quick-suggestions":"false","out-height":"","comment":"","autorun":"true","output":"true","editor-word-wrap":"true","out-width":"700px","fig-height":5,"read-only":"false","classes":"","fig-cap":"","warning":"true","fig-width":7},"id":2},{"code":"cat(\"Display letters: \")\nprint(letters[1:5])\n\nwarning(\"This is a warning message!\")\n\nstop(\"This is a hard error message!\")","options":{"results":"markup","message":"true","editor-font-scale":"1","context":"output","dpi":72,"editor-max-height":"","label":"unnamed-chunk-3","editor-quick-suggestions":"false","out-height":"","comment":"## ","autorun":"true","output":"true","editor-word-wrap":"true","out-width":"700px","fig-height":5,"read-only":"false","classes":"","fig-cap":"","warning":"true","fig-width":7},"id":3},{"code":"cat(\"Display letters: \")\nprint(letters[1:5])\n\nwarning(\"This is a warning message!\")\n\nstop(\"This is a hard error message!\")","options":{"results":"markup","message":"true","editor-font-scale":"1","context":"output","dpi":72,"editor-max-height":"","label":"unnamed-chunk-4","editor-quick-suggestions":"false","out-height":"","comment":"","autorun":"true","output":"true","editor-word-wrap":"true","out-width":"700px","fig-height":5,"read-only":"false","classes":"toad green","fig-cap":"","warning":"true","fig-width":7},"id":4}];
 
 </script>
 <script type="module">
@@ -1849,6 +1858,12 @@
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1902,7 +1917,7 @@
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1928,6 +1943,56 @@
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/tests/qwebr-test-output-graph.html b/tests/qwebr-test-output-graph.html
index a036370..9cfb190 100644
--- a/tests/qwebr-test-output-graph.html
+++ b/tests/qwebr-test-output-graph.html
@@ -190,6 +190,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -349,7 +358,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"options":{"editor-max-height":"","out-height":"","warning":"true","read-only":"false","results":"markup","dpi":72,"fig-height":5,"output":"true","editor-font-scale":"1","fig-width":7,"comment":"","label":"unnamed-chunk-1","classes":"","editor-word-wrap":"true","out-width":"700px","context":"interactive","autorun":"false","editor-quick-suggestions":"false","fig-cap":"","message":"true"},"id":1,"code":"plot(pressure)"},{"options":{"editor-max-height":"","out-height":"","warning":"true","read-only":"false","results":"markup","dpi":72,"fig-height":"6","output":"true","editor-font-scale":"1","fig-width":"4","comment":"","label":"unnamed-chunk-2","classes":"","editor-word-wrap":"true","out-width":"600px","context":"interactive","autorun":"false","editor-quick-suggestions":"false","fig-cap":"","message":"true"},"id":2,"code":"plot(pressure)"},{"options":{"editor-max-height":"","out-height":"","warning":"true","read-only":"false","results":"markup","dpi":72,"fig-height":5,"output":"true","editor-font-scale":"1","fig-width":7,"comment":"","label":"unnamed-chunk-3","classes":"","editor-word-wrap":"true","out-width":"700px","context":"output","autorun":"true","editor-quick-suggestions":"false","fig-cap":"Testing out figure captions","message":"true"},"id":3,"code":"plot(pressure)"},{"options":{"editor-max-height":"","out-height":"","warning":"true","read-only":"false","results":"markup","dpi":72,"fig-height":"5","output":"true","editor-font-scale":"1","fig-width":"6","comment":"","label":"unnamed-chunk-4","classes":"","editor-word-wrap":"true","out-width":"500px","context":"output","autorun":"true","editor-quick-suggestions":"false","fig-cap":"","message":"true"},"id":4,"code":"plot(pressure)"},{"options":{"editor-max-height":"","out-height":"500px","warning":"true","read-only":"false","results":"markup","dpi":72,"fig-height":"5","output":"true","editor-font-scale":"1","fig-width":"6","comment":"","label":"unnamed-chunk-5","classes":"","editor-word-wrap":"true","out-width":"500px","context":"output","autorun":"true","editor-quick-suggestions":"false","fig-cap":"","message":"true"},"id":5,"code":"plot(pressure)"}];
+globalThis.qwebrCellDetails = [{"id":1,"code":"plot(pressure)","options":{"results":"markup","label":"unnamed-chunk-1","context":"interactive","read-only":"false","editor-word-wrap":"true","warning":"true","out-width":"700px","message":"true","fig-width":7,"autorun":"false","fig-height":5,"classes":"","editor-font-scale":"1","editor-quick-suggestions":"false","out-height":"","comment":"","output":"true","editor-max-height":"","fig-cap":"","dpi":72}},{"id":2,"code":"plot(pressure)","options":{"results":"markup","label":"unnamed-chunk-2","context":"interactive","read-only":"false","editor-word-wrap":"true","warning":"true","out-width":"600px","message":"true","fig-width":"4","autorun":"false","fig-height":"6","classes":"","editor-font-scale":"1","editor-quick-suggestions":"false","out-height":"","comment":"","output":"true","editor-max-height":"","fig-cap":"","dpi":72}},{"id":3,"code":"plot(pressure)","options":{"results":"markup","label":"unnamed-chunk-3","context":"output","read-only":"false","editor-word-wrap":"true","warning":"true","out-width":"700px","message":"true","fig-width":7,"autorun":"true","fig-height":5,"classes":"","editor-font-scale":"1","editor-quick-suggestions":"false","out-height":"","comment":"","output":"true","editor-max-height":"","fig-cap":"Testing out figure captions","dpi":72}},{"id":4,"code":"plot(pressure)","options":{"results":"markup","label":"unnamed-chunk-4","context":"output","read-only":"false","editor-word-wrap":"true","warning":"true","out-width":"500px","message":"true","fig-width":"6","autorun":"true","fig-height":"5","classes":"","editor-font-scale":"1","editor-quick-suggestions":"false","out-height":"","comment":"","output":"true","editor-max-height":"","fig-cap":"","dpi":72}},{"id":5,"code":"plot(pressure)","options":{"results":"markup","label":"unnamed-chunk-5","context":"output","read-only":"false","editor-word-wrap":"true","warning":"true","out-width":"500px","message":"true","fig-width":"6","autorun":"true","fig-height":"5","classes":"","editor-font-scale":"1","editor-quick-suggestions":"false","out-height":"500px","comment":"","output":"true","editor-max-height":"","fig-cap":"","dpi":72}}];
 
 </script>
 <script type="module">
@@ -1849,6 +1858,12 @@
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1902,7 +1917,7 @@
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1928,6 +1943,56 @@
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/tests/qwebr-test-output-stderr-result-suppression.html b/tests/qwebr-test-output-stderr-result-suppression.html
index ee6439e..5c8fa18 100644
--- a/tests/qwebr-test-output-stderr-result-suppression.html
+++ b/tests/qwebr-test-output-stderr-result-suppression.html
@@ -190,6 +190,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -349,7 +358,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"id":1,"options":{"warning":"true","fig-height":5,"message":"true","context":"interactive","comment":"","editor-quick-suggestions":"false","editor-font-scale":"1","editor-max-height":"","fig-width":7,"read-only":"false","results":"hide","autorun":"false","out-width":"700px","label":"unnamed-chunk-1","output":"true","dpi":72,"out-height":"","fig-cap":"","editor-word-wrap":"true","classes":""},"code":"cat(\"Display letters: \")\nprint(letters[1:5])\n\nwarning(\"This is a warning message!\")\n\nstop(\"This is a hard error message!\")"},{"id":2,"options":{"warning":"false","fig-height":5,"message":"true","context":"interactive","comment":"","editor-quick-suggestions":"false","editor-font-scale":"1","editor-max-height":"","fig-width":7,"read-only":"false","results":"markup","autorun":"false","out-width":"700px","label":"unnamed-chunk-2","output":"true","dpi":72,"out-height":"","fig-cap":"","editor-word-wrap":"true","classes":""},"code":"cat(\"Display letters: \")\nprint(letters[1:5])\n\nwarning(\"This is a warning message!\")\n\nstop(\"This is a hard error message!\")"},{"id":3,"options":{"warning":"true","fig-height":5,"message":"false","context":"interactive","comment":"","editor-quick-suggestions":"false","editor-font-scale":"1","editor-max-height":"","fig-width":7,"read-only":"false","results":"markup","autorun":"false","out-width":"700px","label":"unnamed-chunk-3","output":"true","dpi":72,"out-height":"","fig-cap":"","editor-word-wrap":"true","classes":""},"code":"cat(\"Display letters: \")\nprint(letters[1:5])\n\nwarning(\"This is a warning message!\")\n\nstop(\"This is a hard error message!\")"},{"id":4,"options":{"warning":"true","fig-height":5,"message":"true","context":"output","comment":"","editor-quick-suggestions":"false","editor-font-scale":"1","editor-max-height":"","fig-width":7,"read-only":"false","results":"hide","autorun":"true","out-width":"700px","label":"unnamed-chunk-4","output":"true","dpi":72,"out-height":"","fig-cap":"","editor-word-wrap":"true","classes":""},"code":"cat(\"Display letters: \")\nprint(letters[1:5])\n\nwarning(\"This is a warning message!\")\n\nstop(\"This is a hard error message!\")"},{"id":5,"options":{"warning":"true","fig-height":5,"message":"true","context":"output","comment":"","editor-quick-suggestions":"false","editor-font-scale":"1","editor-max-height":"","fig-width":7,"read-only":"false","results":"markup","autorun":"true","out-width":"700px","label":"unnamed-chunk-5","output":"false","dpi":72,"out-height":"","fig-cap":"","editor-word-wrap":"true","classes":""},"code":"cat(\"Display letters: \")\nprint(letters[1:5])\n\nwarning(\"This is a warning message!\")\n\nstop(\"This is a hard error message!\")"},{"id":6,"options":{"warning":"false","fig-height":5,"message":"true","context":"output","comment":"","editor-quick-suggestions":"false","editor-font-scale":"1","editor-max-height":"","fig-width":7,"read-only":"false","results":"markup","autorun":"true","out-width":"700px","label":"unnamed-chunk-6","output":"true","dpi":72,"out-height":"","fig-cap":"","editor-word-wrap":"true","classes":""},"code":"cat(\"Display letters: \")\nprint(letters[1:5])\n\nwarning(\"This is a warning message!\")\n\nstop(\"This is a hard error message!\")"},{"id":7,"options":{"warning":"true","fig-height":5,"message":"false","context":"output","comment":"","editor-quick-suggestions":"false","editor-font-scale":"1","editor-max-height":"","fig-width":7,"read-only":"false","results":"markup","autorun":"true","out-width":"700px","label":"unnamed-chunk-7","output":"true","dpi":72,"out-height":"","fig-cap":"","editor-word-wrap":"true","classes":""},"code":"cat(\"Display letters: \")\nprint(letters[1:5])\n\nwarning(\"This is a warning message!\")\n\nstop(\"This is a hard error message!\")"}];
+globalThis.qwebrCellDetails = [{"id":1,"options":{"output":"true","out-width":"700px","fig-height":5,"fig-cap":"","label":"unnamed-chunk-1","message":"true","dpi":72,"editor-word-wrap":"true","read-only":"false","warning":"true","comment":"","context":"interactive","results":"hide","autorun":"false","editor-font-scale":"1","fig-width":7,"classes":"","editor-max-height":"","out-height":"","editor-quick-suggestions":"false"},"code":"cat(\"Display letters: \")\nprint(letters[1:5])\n\nwarning(\"This is a warning message!\")\n\nstop(\"This is a hard error message!\")"},{"id":2,"options":{"output":"true","out-width":"700px","fig-height":5,"fig-cap":"","label":"unnamed-chunk-2","message":"true","dpi":72,"editor-word-wrap":"true","read-only":"false","warning":"false","comment":"","context":"interactive","results":"markup","autorun":"false","editor-font-scale":"1","fig-width":7,"classes":"","editor-max-height":"","out-height":"","editor-quick-suggestions":"false"},"code":"cat(\"Display letters: \")\nprint(letters[1:5])\n\nwarning(\"This is a warning message!\")\n\nstop(\"This is a hard error message!\")"},{"id":3,"options":{"output":"true","out-width":"700px","fig-height":5,"fig-cap":"","label":"unnamed-chunk-3","message":"false","dpi":72,"editor-word-wrap":"true","read-only":"false","warning":"true","comment":"","context":"interactive","results":"markup","autorun":"false","editor-font-scale":"1","fig-width":7,"classes":"","editor-max-height":"","out-height":"","editor-quick-suggestions":"false"},"code":"cat(\"Display letters: \")\nprint(letters[1:5])\n\nwarning(\"This is a warning message!\")\n\nstop(\"This is a hard error message!\")"},{"id":4,"options":{"output":"true","out-width":"700px","fig-height":5,"fig-cap":"","label":"unnamed-chunk-4","message":"true","dpi":72,"editor-word-wrap":"true","read-only":"false","warning":"true","comment":"","context":"output","results":"hide","autorun":"true","editor-font-scale":"1","fig-width":7,"classes":"","editor-max-height":"","out-height":"","editor-quick-suggestions":"false"},"code":"cat(\"Display letters: \")\nprint(letters[1:5])\n\nwarning(\"This is a warning message!\")\n\nstop(\"This is a hard error message!\")"},{"id":5,"options":{"output":"false","out-width":"700px","fig-height":5,"fig-cap":"","label":"unnamed-chunk-5","message":"true","dpi":72,"editor-word-wrap":"true","read-only":"false","warning":"true","comment":"","context":"output","results":"markup","autorun":"true","editor-font-scale":"1","fig-width":7,"classes":"","editor-max-height":"","out-height":"","editor-quick-suggestions":"false"},"code":"cat(\"Display letters: \")\nprint(letters[1:5])\n\nwarning(\"This is a warning message!\")\n\nstop(\"This is a hard error message!\")"},{"id":6,"options":{"output":"true","out-width":"700px","fig-height":5,"fig-cap":"","label":"unnamed-chunk-6","message":"true","dpi":72,"editor-word-wrap":"true","read-only":"false","warning":"false","comment":"","context":"output","results":"markup","autorun":"true","editor-font-scale":"1","fig-width":7,"classes":"","editor-max-height":"","out-height":"","editor-quick-suggestions":"false"},"code":"cat(\"Display letters: \")\nprint(letters[1:5])\n\nwarning(\"This is a warning message!\")\n\nstop(\"This is a hard error message!\")"},{"id":7,"options":{"output":"true","out-width":"700px","fig-height":5,"fig-cap":"","label":"unnamed-chunk-7","message":"false","dpi":72,"editor-word-wrap":"true","read-only":"false","warning":"true","comment":"","context":"output","results":"markup","autorun":"true","editor-font-scale":"1","fig-width":7,"classes":"","editor-max-height":"","out-height":"","editor-quick-suggestions":"false"},"code":"cat(\"Display letters: \")\nprint(letters[1:5])\n\nwarning(\"This is a warning message!\")\n\nstop(\"This is a hard error message!\")"}];
 
 </script>
 <script type="module">
@@ -1849,6 +1858,12 @@
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1902,7 +1917,7 @@
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1928,6 +1943,56 @@
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/tests/qwebr-test-packages-autoload.html b/tests/qwebr-test-packages-autoload.html
index 906474f..b0db590 100644
--- a/tests/qwebr-test-packages-autoload.html
+++ b/tests/qwebr-test-packages-autoload.html
@@ -190,6 +190,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -349,7 +358,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"options":{"read-only":"false","editor-word-wrap":"true","out-height":"","classes":"","editor-max-height":"","results":"markup","warning":"true","comment":"","dpi":72,"fig-height":5,"label":"unnamed-chunk-1","fig-cap":"","editor-quick-suggestions":"false","out-width":"700px","editor-font-scale":"1","fig-width":7,"context":"interactive","message":"true","output":"true","autorun":"false"},"id":1,"code":"# Must call the library statement\nlibrary('ggplot2')"}];
+globalThis.qwebrCellDetails = [{"id":1,"options":{"read-only":"false","dpi":72,"editor-font-scale":"1","editor-word-wrap":"true","results":"markup","fig-cap":"","classes":"","out-height":"","label":"unnamed-chunk-1","warning":"true","context":"interactive","message":"true","autorun":"false","editor-max-height":"","editor-quick-suggestions":"false","output":"true","comment":"","fig-height":5,"fig-width":7,"out-width":"700px"},"code":"# Must call the library statement\nlibrary('ggplot2')"}];
 
 </script>
 <script type="module">
@@ -1849,6 +1858,12 @@
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1902,7 +1917,7 @@
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1928,6 +1943,56 @@
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/tests/qwebr-test-packages-multi.html b/tests/qwebr-test-packages-multi.html
index b4231bb..944741e 100644
--- a/tests/qwebr-test-packages-multi.html
+++ b/tests/qwebr-test-packages-multi.html
@@ -190,6 +190,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -349,7 +358,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"id":1,"code":"ggplot()","options":{"editor-font-scale":"1","output":"true","out-width":"700px","comment":"","read-only":"false","fig-height":5,"label":"unnamed-chunk-1","results":"markup","message":"true","editor-word-wrap":"true","warning":"true","out-height":"","classes":"","dpi":72,"fig-width":7,"autorun":"false","fig-cap":"","context":"interactive","editor-quick-suggestions":"false","editor-max-height":""}}];
+globalThis.qwebrCellDetails = [{"options":{"fig-cap":"","comment":"","dpi":72,"warning":"true","fig-width":7,"out-height":"","message":"true","editor-quick-suggestions":"false","out-width":"700px","context":"interactive","autorun":"false","read-only":"false","output":"true","editor-font-scale":"1","editor-word-wrap":"true","results":"markup","classes":"","label":"unnamed-chunk-1","editor-max-height":"","fig-height":5},"code":"ggplot()","id":1}];
 
 </script>
 <script type="module">
@@ -1849,6 +1858,12 @@
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1902,7 +1917,7 @@
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1928,6 +1943,56 @@
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/tests/qwebr-test-repo-key.html b/tests/qwebr-test-repo-key.html
index 4dd6559..8844ddd 100644
--- a/tests/qwebr-test-repo-key.html
+++ b/tests/qwebr-test-repo-key.html
@@ -190,6 +190,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -349,7 +358,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"id":1,"code":"\nprint(paste0(\"Check if we are in webR with non-CRAN package demorwasmbinary: \", demorwasmbinary::in_webr()))\n\nprint(\"Creating a graph with a package on CRAN\")\nvisualize::visualize.norm()","options":{"comment":"","dpi":72,"warning":"true","context":"output","fig-cap":"","fig-width":7,"message":"true","read-only":"false","editor-word-wrap":"true","out-height":"","editor-quick-suggestions":"false","output":"true","label":"unnamed-chunk-1","results":"markup","editor-max-height":"","classes":"","fig-height":5,"editor-font-scale":"1","out-width":"700px","autorun":"true"}}];
+globalThis.qwebrCellDetails = [{"code":"\nprint(paste0(\"Check if we are in webR with non-CRAN package demorwasmbinary: \", demorwasmbinary::in_webr()))\n\nprint(\"Creating a graph with a package on CRAN\")\nvisualize::visualize.norm()","id":1,"options":{"comment":"","output":"true","dpi":72,"read-only":"false","warning":"true","fig-height":5,"message":"true","editor-word-wrap":"true","context":"output","out-height":"","autorun":"true","fig-width":7,"results":"markup","classes":"","fig-cap":"","editor-quick-suggestions":"false","out-width":"700px","label":"unnamed-chunk-1","editor-max-height":"","editor-font-scale":"1"}}];
 
 </script>
 <script type="module">
@@ -1849,6 +1858,12 @@
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1902,7 +1917,7 @@
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1928,6 +1943,56 @@
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/tests/qwebr-test-revealjs.html b/tests/qwebr-test-revealjs.html
index 1c4a714..6093c0d 100644
--- a/tests/qwebr-test-revealjs.html
+++ b/tests/qwebr-test-revealjs.html
@@ -441,6 +441,15 @@
     color: #696969;
   }
 
+  /* Style the code highlight lines */
+  body.quarto-light .qwebr-editor-highlight-line {
+    background-color: lightblue;
+  }
+
+  body.quarto-dark .qwebr-editor-highlight-line {
+    background-color: darkblue;
+  }
+
   /* Style the modal pop-up */
 
   /* The Modal (background) */
@@ -600,7 +609,7 @@
   };
 
   // Store cell data
-  globalThis.qwebrCellDetails = [{"code":"fit = lm(mpg ~ wt, data = mtcars)\n\nsummary(fit)","id":1,"options":{"fig-width":7,"editor-font-scale":"0.5","editor-max-height":"","dpi":72,"label":"unnamed-chunk-1","warning":"true","fig-cap":"","message":"true","context":"interactive","out-width":"700px","editor-word-wrap":"true","editor-quick-suggestions":"false","read-only":"false","classes":"","results":"markup","out-height":"","autorun":"false","comment":"","fig-height":5,"output":"true"}},{"code":"print(\"Hello quarto-webr RevealJS world!\")\n\n3 + 5","id":2,"options":{"fig-width":7,"editor-font-scale":"0.5","editor-max-height":"","dpi":72,"label":"unnamed-chunk-2","warning":"true","fig-cap":"","message":"true","context":"interactive","out-width":"700px","editor-word-wrap":"true","editor-quick-suggestions":"false","read-only":"false","classes":"","results":"markup","out-height":"","autorun":"false","comment":"","fig-height":5,"output":"true"}},{"code":"message(\"Hello World!\")","id":3,"options":{"fig-width":7,"editor-font-scale":"0.5","editor-max-height":"","dpi":72,"label":"unnamed-chunk-3","warning":"true","fig-cap":"","message":"true","context":"interactive","out-width":"700px","editor-word-wrap":"true","editor-quick-suggestions":"false","read-only":"false","classes":"","results":"markup","out-height":"","autorun":"false","comment":"","fig-height":5,"output":"true"}},{"code":"2 + 3","id":4,"options":{"fig-width":7,"editor-font-scale":"0.5","editor-max-height":"","dpi":72,"label":"unnamed-chunk-4","warning":"true","fig-cap":"","message":"true","context":"interactive","out-width":"700px","editor-word-wrap":"true","editor-quick-suggestions":"false","read-only":"false","classes":"","results":"markup","out-height":"","autorun":"false","comment":"","fig-height":5,"output":"true"}}];
+  globalThis.qwebrCellDetails = [{"id":1,"options":{"fig-width":7,"editor-word-wrap":"true","editor-font-scale":"0.5","label":"unnamed-chunk-1","editor-max-height":"","out-height":"","classes":"","context":"interactive","message":"true","fig-height":5,"results":"markup","autorun":"false","dpi":72,"output":"true","warning":"true","read-only":"false","fig-cap":"","comment":"","out-width":"700px","editor-quick-suggestions":"false"},"code":"fit = lm(mpg ~ wt, data = mtcars)\n\nsummary(fit)"},{"id":2,"options":{"fig-width":7,"editor-word-wrap":"true","editor-font-scale":"0.5","label":"unnamed-chunk-2","editor-max-height":"","out-height":"","classes":"","context":"interactive","message":"true","fig-height":5,"results":"markup","autorun":"false","dpi":72,"output":"true","warning":"true","read-only":"false","fig-cap":"","comment":"","out-width":"700px","editor-quick-suggestions":"false"},"code":"print(\"Hello quarto-webr RevealJS world!\")\n\n3 + 5"},{"id":3,"options":{"fig-width":7,"editor-word-wrap":"true","editor-font-scale":"0.5","label":"unnamed-chunk-3","editor-max-height":"","out-height":"","classes":"","context":"interactive","message":"true","fig-height":5,"results":"markup","autorun":"false","dpi":72,"output":"true","warning":"true","read-only":"false","fig-cap":"","comment":"","out-width":"700px","editor-quick-suggestions":"false"},"code":"message(\"Hello World!\")"},{"id":4,"options":{"fig-width":7,"editor-word-wrap":"true","editor-font-scale":"0.5","label":"unnamed-chunk-4","editor-max-height":"","out-height":"","classes":"","context":"interactive","message":"true","fig-height":5,"results":"markup","autorun":"false","dpi":72,"output":"true","warning":"true","read-only":"false","fig-cap":"","comment":"","out-width":"700px","editor-quick-suggestions":"false"},"code":"2 + 3"}];
 
   </script>
   <script type="module">
@@ -1857,6 +1866,12 @@
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1910,7 +1925,7 @@
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1936,6 +1951,56 @@
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/tests/qwebr-test-run-built-in.html b/tests/qwebr-test-run-built-in.html
index e3b8fa9..3f88ebc 100644
--- a/tests/qwebr-test-run-built-in.html
+++ b/tests/qwebr-test-run-built-in.html
@@ -190,6 +190,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -349,7 +358,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"code":"utils::packageVersion(\"webr\")","id":1,"options":{"results":"markup","dpi":72,"fig-width":7,"out-height":"","message":"true","editor-font-scale":"1","editor-max-height":"","editor-word-wrap":"true","warning":"true","fig-cap":"","fig-height":5,"editor-quick-suggestions":"false","output":"true","label":"unnamed-chunk-1","classes":"","comment":"","context":"output","autorun":"true","read-only":"false","out-width":"700px"}}];
+globalThis.qwebrCellDetails = [{"id":1,"options":{"label":"unnamed-chunk-1","results":"markup","editor-quick-suggestions":"false","editor-max-height":"","fig-height":5,"dpi":72,"context":"output","message":"true","fig-cap":"","read-only":"false","out-width":"700px","comment":"","out-height":"","classes":"","fig-width":7,"output":"true","autorun":"true","editor-word-wrap":"true","warning":"true","editor-font-scale":"1"},"code":"utils::packageVersion(\"webr\")"}];
 
 </script>
 <script type="module">
@@ -1849,6 +1858,12 @@
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1902,7 +1917,7 @@
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1928,6 +1943,56 @@
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/tests/qwebr-test-run-latest.html b/tests/qwebr-test-run-latest.html
index 71e109e..4afa7b1 100644
--- a/tests/qwebr-test-run-latest.html
+++ b/tests/qwebr-test-run-latest.html
@@ -190,6 +190,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -349,7 +358,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"code":"utils::packageVersion(\"webr\")","options":{"editor-font-scale":"1","autorun":"true","editor-quick-suggestions":"false","results":"markup","read-only":"false","dpi":72,"classes":"","editor-word-wrap":"true","editor-max-height":"","comment":"","label":"unnamed-chunk-1","fig-cap":"","out-width":"700px","output":"true","context":"output","message":"true","fig-height":5,"warning":"true","out-height":"","fig-width":7},"id":1}];
+globalThis.qwebrCellDetails = [{"code":"utils::packageVersion(\"webr\")","options":{"comment":"","message":"true","classes":"","out-width":"700px","context":"output","autorun":"true","dpi":72,"output":"true","editor-max-height":"","editor-word-wrap":"true","fig-width":7,"warning":"true","read-only":"false","fig-height":5,"fig-cap":"","out-height":"","label":"unnamed-chunk-1","results":"markup","editor-quick-suggestions":"false","editor-font-scale":"1"},"id":1}];
 
 </script>
 <script type="module">
@@ -1849,6 +1858,12 @@
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1902,7 +1917,7 @@
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1928,6 +1943,56 @@
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/tests/qwebr-test-self-contained.html b/tests/qwebr-test-self-contained.html
index 2d3ba51..25f96d2 100644
--- a/tests/qwebr-test-self-contained.html
+++ b/tests/qwebr-test-self-contained.html
@@ -4810,6 +4810,13 @@
 color: #696969;
 }
 
+body.quarto-light .qwebr-editor-highlight-line {
+background-color: lightblue;
+}
+body.quarto-dark .qwebr-editor-highlight-line {
+background-color: darkblue;
+}
+
 
 .qwebr-modal {
 display: none; 
@@ -4944,7 +4951,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"code":"1 + 1","id":1,"options":{"read-only":"false","fig-cap":"","comment":"","results":"markup","output":"true","warning":"true","editor-max-height":"","out-height":"","editor-quick-suggestions":"false","dpi":72,"autorun":"false","out-width":"700px","editor-font-scale":"1","editor-word-wrap":"true","label":"unnamed-chunk-1","fig-height":5,"message":"true","fig-width":7,"context":"interactive","classes":""}},{"code":"Sys.sleep(3)\n\nprint(\"Sleep successful! Did you see the R logo?\")","id":2,"options":{"read-only":"false","fig-cap":"","comment":"","results":"markup","output":"true","warning":"true","editor-max-height":"","out-height":"","editor-quick-suggestions":"false","dpi":72,"autorun":"true","out-width":"700px","editor-font-scale":"1","editor-word-wrap":"true","label":"unnamed-chunk-2","fig-height":5,"message":"true","fig-width":7,"context":"output","classes":""}}];
+globalThis.qwebrCellDetails = [{"id":1,"options":{"editor-max-height":"","autorun":"false","comment":"","fig-cap":"","context":"interactive","output":"true","editor-font-scale":"1","out-width":"700px","classes":"","editor-quick-suggestions":"false","dpi":72,"results":"markup","editor-word-wrap":"true","warning":"true","out-height":"","message":"true","fig-width":7,"fig-height":5,"read-only":"false","label":"unnamed-chunk-1"},"code":"1 + 1"},{"id":2,"options":{"editor-max-height":"","autorun":"true","comment":"","fig-cap":"","context":"output","output":"true","editor-font-scale":"1","out-width":"700px","classes":"","editor-quick-suggestions":"false","dpi":72,"results":"markup","editor-word-wrap":"true","warning":"true","out-height":"","message":"true","fig-width":7,"fig-height":5,"read-only":"false","label":"unnamed-chunk-2"},"code":"Sys.sleep(3)\n\nprint(\"Sleep successful! Did you see the R logo?\")"}];
 
 </script>
 <script type="module">
@@ -6454,6 +6461,12 @@
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -6507,7 +6520,7 @@
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -6533,6 +6546,56 @@
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/tests/qwebr-test-service-worker-version.html b/tests/qwebr-test-service-worker-version.html
index c877cb8..a0a61c9 100644
--- a/tests/qwebr-test-service-worker-version.html
+++ b/tests/qwebr-test-service-worker-version.html
@@ -190,6 +190,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -349,7 +358,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"code":"-3 + 5\n\nutils::packageVersion(\"webr\")\n\nprint(\"Hello service worker model!\")","options":{"editor-quick-suggestions":"false","context":"interactive","dpi":72,"results":"markup","out-width":"700px","classes":"","read-only":"false","output":"true","editor-font-scale":"1","out-height":"","fig-cap":"","message":"true","editor-max-height":"","fig-height":5,"label":"unnamed-chunk-1","warning":"true","comment":"","fig-width":7,"editor-word-wrap":"true","autorun":"true"},"id":1}];
+globalThis.qwebrCellDetails = [{"id":1,"code":"-3 + 5\n\nutils::packageVersion(\"webr\")\n\nprint(\"Hello service worker model!\")","options":{"editor-word-wrap":"true","message":"true","label":"unnamed-chunk-1","comment":"","editor-font-scale":"1","results":"markup","editor-max-height":"","fig-width":7,"warning":"true","read-only":"false","context":"interactive","out-width":"700px","output":"true","fig-cap":"","classes":"","autorun":"true","fig-height":5,"out-height":"","dpi":72,"editor-quick-suggestions":"false"}}];
 
 </script>
 <script type="module">
@@ -1849,6 +1858,12 @@
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1902,7 +1917,7 @@
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1928,6 +1943,56 @@
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/tests/qwebr-test-service-worker.html b/tests/qwebr-test-service-worker.html
index b12deff..8fe5822 100644
--- a/tests/qwebr-test-service-worker.html
+++ b/tests/qwebr-test-service-worker.html
@@ -190,6 +190,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -349,7 +358,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"code":"-3 + 5\n\nprint(\"Hello service worker model!\")","options":{"context":"interactive","results":"markup","fig-height":5,"label":"unnamed-chunk-1","read-only":"false","warning":"true","editor-quick-suggestions":"false","out-height":"","message":"true","editor-font-scale":"1","comment":"","editor-word-wrap":"true","out-width":"700px","editor-max-height":"","classes":"","autorun":"false","dpi":72,"fig-cap":"","output":"true","fig-width":7},"id":1}];
+globalThis.qwebrCellDetails = [{"options":{"out-width":"700px","comment":"","fig-width":7,"dpi":72,"editor-max-height":"","editor-font-scale":"1","context":"interactive","editor-word-wrap":"true","out-height":"","editor-quick-suggestions":"false","fig-cap":"","label":"unnamed-chunk-1","results":"markup","warning":"true","read-only":"false","fig-height":5,"autorun":"false","message":"true","classes":"","output":"true"},"code":"-3 + 5\n\nprint(\"Hello service worker model!\")","id":1}];
 
 </script>
 <script type="module">
@@ -1849,6 +1858,12 @@
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1902,7 +1917,7 @@
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1928,6 +1943,56 @@
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/tests/qwebr-test-shim-install.html b/tests/qwebr-test-shim-install.html
index cf2c30d..d79b530 100644
--- a/tests/qwebr-test-shim-install.html
+++ b/tests/qwebr-test-shim-install.html
@@ -190,6 +190,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -349,7 +358,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"code":"\ncheck_pkg_installed <- function(x) {\n    x %in% installed.packages()[,\"Package\"]\n}\n\nprint(paste0(\"(Pre-install) Is the package visualize installed? \", check_pkg_installed(\"visualize\")))\n\ninstall.packages(\"visualize\")\n\nprint(paste0(\"(Post-install) Is the package visualize installed? \", check_pkg_installed(\"visualize\")))","options":{"read-only":"false","message":"true","results":"markup","fig-height":5,"editor-word-wrap":"true","warning":"true","editor-font-scale":"1","dpi":72,"out-height":"","editor-max-height":"","comment":"","autorun":"true","fig-cap":"","classes":"","out-width":"700px","context":"output","editor-quick-suggestions":"false","output":"true","fig-width":7,"label":"unnamed-chunk-1"},"id":1}];
+globalThis.qwebrCellDetails = [{"options":{"warning":"true","dpi":72,"editor-word-wrap":"true","editor-font-scale":"1","context":"output","autorun":"true","label":"unnamed-chunk-1","message":"true","results":"markup","read-only":"false","out-width":"700px","output":"true","editor-max-height":"","comment":"","out-height":"","fig-height":5,"fig-width":7,"classes":"","fig-cap":"","editor-quick-suggestions":"false"},"id":1,"code":"\ncheck_pkg_installed <- function(x) {\n    x %in% installed.packages()[,\"Package\"]\n}\n\nprint(paste0(\"(Pre-install) Is the package visualize installed? \", check_pkg_installed(\"visualize\")))\n\ninstall.packages(\"visualize\")\n\nprint(paste0(\"(Post-install) Is the package visualize installed? \", check_pkg_installed(\"visualize\")))"}];
 
 </script>
 <script type="module">
@@ -1849,6 +1858,12 @@
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1902,7 +1917,7 @@
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1928,6 +1943,56 @@
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/tests/qwebr-test-status-header-no-title.html b/tests/qwebr-test-status-header-no-title.html
index 64a4192..aec5163 100644
--- a/tests/qwebr-test-status-header-no-title.html
+++ b/tests/qwebr-test-status-header-no-title.html
@@ -190,6 +190,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -349,7 +358,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"options":{"read-only":"false","message":"true","comment":"","fig-cap":"","fig-width":7,"editor-max-height":"","results":"markup","context":"interactive","label":"unnamed-chunk-1","editor-font-scale":"1","dpi":72,"classes":"","autorun":"false","out-height":"","warning":"true","output":"true","fig-height":5,"editor-quick-suggestions":"false","out-width":"700px","editor-word-wrap":"true"},"id":1,"code":"print(\"Hello hidden title world!\")"}];
+globalThis.qwebrCellDetails = [{"code":"print(\"Hello hidden title world!\")","options":{"editor-font-scale":"1","comment":"","out-width":"700px","message":"true","output":"true","dpi":72,"context":"interactive","label":"unnamed-chunk-1","editor-max-height":"","editor-quick-suggestions":"false","fig-width":7,"warning":"true","results":"markup","autorun":"false","read-only":"false","out-height":"","classes":"","editor-word-wrap":"true","fig-cap":"","fig-height":5},"id":1}];
 
 </script>
 <script type="module">
@@ -1849,6 +1858,12 @@
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1902,7 +1917,7 @@
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1928,6 +1943,56 @@
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/tests/qwebr-test-status-header-suppressed-html copy.html b/tests/qwebr-test-status-header-suppressed-html copy.html
index ae3388d..6426374 100644
--- a/tests/qwebr-test-status-header-suppressed-html copy.html	
+++ b/tests/qwebr-test-status-header-suppressed-html copy.html	
@@ -190,6 +190,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -349,7 +358,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"id":1,"code":"print(\"Hello hidden title world!\")","options":{"results":"markup","warning":"true","editor-max-height":"","out-width":"700px","comment":"","editor-quick-suggestions":"false","editor-word-wrap":"true","fig-cap":"","dpi":72,"read-only":"false","output":"true","autorun":"false","fig-height":5,"classes":"","context":"interactive","out-height":"","editor-font-scale":"1","message":"true","label":"unnamed-chunk-1","fig-width":7}}];
+globalThis.qwebrCellDetails = [{"options":{"fig-width":7,"context":"interactive","comment":"","fig-height":5,"warning":"true","editor-word-wrap":"true","editor-font-scale":"1","fig-cap":"","output":"true","out-width":"700px","label":"unnamed-chunk-1","editor-max-height":"","autorun":"false","classes":"","read-only":"false","results":"markup","message":"true","out-height":"","dpi":72,"editor-quick-suggestions":"false"},"id":1,"code":"print(\"Hello hidden title world!\")"}];
 
 </script>
 <script type="module">
@@ -1849,6 +1858,12 @@
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1902,7 +1917,7 @@
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1928,6 +1943,56 @@
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/tests/qwebr-test-status-header-suppressed-revealjs.html b/tests/qwebr-test-status-header-suppressed-revealjs.html
index 9460e8d..817c111 100644
--- a/tests/qwebr-test-status-header-suppressed-revealjs.html
+++ b/tests/qwebr-test-status-header-suppressed-revealjs.html
@@ -441,6 +441,15 @@
     color: #696969;
   }
 
+  /* Style the code highlight lines */
+  body.quarto-light .qwebr-editor-highlight-line {
+    background-color: lightblue;
+  }
+
+  body.quarto-dark .qwebr-editor-highlight-line {
+    background-color: darkblue;
+  }
+
   /* Style the modal pop-up */
 
   /* The Modal (background) */
@@ -600,7 +609,7 @@
   };
 
   // Store cell data
-  globalThis.qwebrCellDetails = [{"options":{"out-width":"700px","autorun":"false","read-only":"false","warning":"true","output":"true","out-height":"","context":"interactive","label":"unnamed-chunk-1","dpi":72,"fig-cap":"","editor-word-wrap":"true","comment":"","results":"markup","editor-quick-suggestions":"false","editor-max-height":"","classes":"","fig-height":5,"message":"true","fig-width":7,"editor-font-scale":"0.5"},"code":"print(\"Hello hidden title world!\")","id":1}];
+  globalThis.qwebrCellDetails = [{"options":{"comment":"","classes":"","autorun":"false","editor-quick-suggestions":"false","fig-height":5,"message":"true","results":"markup","context":"interactive","warning":"true","label":"unnamed-chunk-1","out-height":"","read-only":"false","editor-font-scale":"0.5","dpi":72,"fig-width":7,"editor-max-height":"","out-width":"700px","output":"true","editor-word-wrap":"true","fig-cap":""},"id":1,"code":"print(\"Hello hidden title world!\")"}];
 
   </script>
   <script type="module">
@@ -1857,6 +1866,12 @@
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1910,7 +1925,7 @@
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1936,6 +1951,56 @@
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/tests/qwebr-test-theme-switch.html b/tests/qwebr-test-theme-switch.html
index d0ab6d7..ee2be21 100644
--- a/tests/qwebr-test-theme-switch.html
+++ b/tests/qwebr-test-theme-switch.html
@@ -190,6 +190,15 @@
   color: #696969;
 }
 
+/* Style the code highlight lines */
+body.quarto-light .qwebr-editor-highlight-line {
+  background-color: lightblue;
+}
+
+body.quarto-dark .qwebr-editor-highlight-line {
+  background-color: darkblue;
+}
+
 /* Style the modal pop-up */
 
 /* The Modal (background) */
@@ -349,7 +358,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"id":1,"options":{"output":"true","label":"unnamed-chunk-1","editor-font-scale":"1","comment":"","context":"interactive","warning":"true","fig-cap":"","autorun":"true","read-only":"false","classes":"","message":"true","editor-word-wrap":"true","out-height":"","results":"markup","fig-height":5,"dpi":72,"fig-width":7,"out-width":"700px","editor-max-height":"","editor-quick-suggestions":"false"},"code":"cat(\"Display letters: \")\nprint(letters[1:5])\n\nplot(1:5)\n\nwarning(\"This is a warning message!\")\n\nstop(\"This is a hard error message!\")"}];
+globalThis.qwebrCellDetails = [{"code":"cat(\"Display letters: \")\nprint(letters[1:5])\n\nplot(1:5)\n\nwarning(\"This is a warning message!\")\n\nstop(\"This is a hard error message!\")","id":1,"options":{"fig-width":7,"editor-word-wrap":"true","label":"unnamed-chunk-1","editor-font-scale":"1","read-only":"false","autorun":"true","context":"interactive","editor-quick-suggestions":"false","output":"true","comment":"","out-height":"","out-width":"700px","warning":"true","results":"markup","dpi":72,"fig-cap":"","editor-max-height":"","classes":"","fig-height":5,"message":"true"}}];
 
 </script>
 <script type="module">
@@ -1849,6 +1858,12 @@
 // Global array to store Monaco Editor instances
 globalThis.qwebrEditorInstances = [];
 
+function isValidCodeLineNumbers(stringCodeLineNumbers) {
+  // Regular expression to match valid input strings
+  const regex = /^(\d+(-\d+)?)(,\d+(-\d+)?)*$/;
+  return regex.test(stringCodeLineNumbers);
+}
+
 // Function that builds and registers a Monaco Editor instance    
 globalThis.qwebrCreateMonacoEditorInstance = function (cellData) {
 
@@ -1902,7 +1917,7 @@
     const model = editor.getModel();
     // Set EOL for the model
     model.setEOL(monaco.editor.EndOfLineSequence.LF);
-
+    
     // Dynamically modify the height of the editor window if new lines are added.
     let ignoreEvent = false;
     const updateHeight = () => {
@@ -1928,6 +1943,56 @@
       }
     };
 
+    // Function to generate decorations to highlight lines
+    // in the editor based on input string.
+    function decoratorHighlightLines(codeLineNumbers) {
+      // Store the lines to be lighlight
+      let linesToHighlight = [];
+      
+      // Parse the codeLineNumbers string to get the line numbers to highlight
+      // First, split the string by commas
+      codeLineNumbers.split(',').forEach(part => {
+        // Check if we have a range of lines
+        if (part.includes('-')) {
+            // Handle range of lines (e.g., "6-8")
+            const [start, end] = part.split('-').map(Number);
+            for (let i = start; i <= end; i++) {
+                linesToHighlight.push(i);
+            }
+        } else {
+            // Handle single line (e.g., "7")
+            linesToHighlight.push(Number(part));
+        }
+      });
+  
+      // Create monaco decorations for the lines to highlight
+      const decorations = linesToHighlight.map(lineNumber => ({
+          range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+          options: {
+              isWholeLine: true,
+              className: 'qwebr-editor-highlight-line'
+          }
+      }));
+  
+      // Return decorations to be applied to the editor
+      return decorations;
+    }
+
+    // Ensure that the editor-code-line-numbers option is set and valid
+    // then apply styling
+    if (qwebrOptions['editor-code-line-numbers']) {
+      // Remove all whitespace from the string
+      const codeLineNumbers = qwebrOptions['editor-code-line-numbers'].replace(/\s/g,'');
+      // Check if the string is valid for line numbers, e.g., "1,3-5,7"
+      if (isValidCodeLineNumbers(codeLineNumbers)) {
+        // Apply the decorations to the editor
+        editor.createDecorationsCollection(decoratorHighlightLines(codeLineNumbers));
+      } else {
+        // Warn the user that the input is invalid
+        console.warn(`Invalid "editor-code-line-numbers" value in code cell ${qwebrOptions['label']}: ${codeLineNumbers}`);
+      }
+    }
+
     // Helper function to check if selected text is empty
     function isEmptyCodeText(selectedCodeText) {
       return (selectedCodeText === null || selectedCodeText === undefined || selectedCodeText === "");
diff --git a/tests/search.json b/tests/search.json
index 8d75ec9..83580e1 100644
--- a/tests/search.json
+++ b/tests/search.json
@@ -142,6 +142,28 @@
       "Test: Editor Options"
     ]
   },
+  {
+    "objectID": "qwebr-test-editor-options.html#highlight",
+    "href": "qwebr-test-editor-options.html#highlight",
+    "title": "Test: Editor Options",
+    "section": "Highlight",
+    "text": "Highlight\nOpt-in to auto suggestions.\n\nOnly 1 line\n\nPlease enable JavaScript to experience the dynamic code cell content on this page.\n\n\nLine 1 and 5\n\nPlease enable JavaScript to experience the dynamic code cell content on this page.\n\n\nLine 1-3 and 5\n\nPlease enable JavaScript to experience the dynamic code cell content on this page.",
+    "crumbs": [
+      "Tests",
+      "Test: Editor Options"
+    ]
+  },
+  {
+    "objectID": "qwebr-test-editor-options.html#word-wrap",
+    "href": "qwebr-test-editor-options.html#word-wrap",
+    "title": "Test: Editor Options",
+    "section": "Word wrap",
+    "text": "Word wrap\n\nEnabled Wrap\n\nPlease enable JavaScript to experience the dynamic code cell content on this page.\n\n\nDisabled Wrap\n\nPlease enable JavaScript to experience the dynamic code cell content on this page.",
+    "crumbs": [
+      "Tests",
+      "Test: Editor Options"
+    ]
+  },
   {
     "objectID": "qwebr-test-status-header-suppressed-revealjs.html#webr-in-revealjs",
     "href": "qwebr-test-status-header-suppressed-revealjs.html#webr-in-revealjs",