add default block HTML for code-block type

HubSpot · Aug 4, 2021 · 819b4a9 · 819b4a9
1 parent 5abc02f
commit 819b4a9
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/default/defaultBlockHTML.js b/src/default/defaultBlockHTML.js
@@ -12,6 +12,7 @@ export default {
   'header-four': <h4 />,
   'header-five': <h5 />,
   'header-six': <h6 />,
+  'code-block': <pre />,
   blockquote: <blockquote />,
   'unordered-list-item': {
     element: <li />,

diff --git a/test/spec/convertToHTML-test.js b/test/spec/convertToHTML-test.js
@@ -110,6 +110,17 @@ describe('convertToHTML', () => {
     expect(result).toBe('<p>test paragraph</p>');
   });
 
+  it('applies code block styles', () => {
+    const contentState = buildContentState([
+      {
+        type: 'code-block',
+        text: 'test code block',
+      },
+    ]);
+    const result = convertToHTML(contentState);
+    expect(result).toBe('<pre>test code block</pre>');
+  });
+
   it('applies style to multiple blocks', () => {
     const contentState = buildContentState([
       {