diff --git a/cypress/e2e/nodes/CodeBlock.spec.js b/cypress/e2e/nodes/CodeBlock.spec.js
index 22bf3ad7d71..b4a7b164ae8 100644
--- a/cypress/e2e/nodes/CodeBlock.spec.js
+++ b/cypress/e2e/nodes/CodeBlock.spec.js
@@ -62,6 +62,31 @@ describe('Front matter support', function() {
 		})
 	})
 
+	it.only('Show a code block in a public read only link', function() {
+		cy.shareFile('/codeblock.md')
+			.then((token) => {
+				cy.logout()
+				cy.visit(`/s/${token}`)
+			})
+			.then(() => {
+				cy.getEditor().should('be.visible')
+				// Plain text block
+				cy.getContent().find('code').eq(0).find('.hljs-keyword').should('not.exist')
+
+				// Javascript block
+				cy.getContent().find('code').eq(1).find('.hljs-keyword').eq(0).contains('const')
+				cy.getContent().find('code').eq(1).find('.hljs-string').eq(0).contains('"bar"')
+				cy.getContent().find('code').eq(1).find('.hljs-keyword').eq(1).contains('function')
+
+				// Mermaid diagram
+				cy.get('#app-content').scrollTo('bottom')
+				cy.getContent().find('.split-view__preview').eq(2).should('be.visible')
+				cy.get('.code-block').eq(2).find('code').should('not.be.visible')
+				cy.get('.split-view__preview').find('svg title')
+					.contains('Order example')
+			})
+	})
+
 	it('Add a code block', function() {
 		cy.isolateTest({ sourceFile: 'codeblock.md' })
 		cy.openFile('codeblock.md').then(() => {
diff --git a/src/nodes/CodeBlockView.vue b/src/nodes/CodeBlockView.vue
index 9387540476a..4b4396e133e 100644
--- a/src/nodes/CodeBlockView.vue
+++ b/src/nodes/CodeBlockView.vue
@@ -46,7 +46,7 @@
 			</div>
 		</div>
 		<div :class="{'split-view': showCode && showPreview }">
-			<pre v-show="showCode" class="split-view__code"><NodeViewContent as="code" :contenteditable="editable" /></pre>
+			<pre v-show="showCode" class="split-view__code"><NodeViewContent as="code" :contenteditable="isEditable" /></pre>
 			<div v-show="showPreview"
 				ref="preview"
 				class="split-view__preview"