Change to RichText

WordPress · Sep 24, 2020 · 0530500 · 0530500
1 parent 6c398a9
commit 0530500
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 15 deletions.
diff --git a/packages/block-library/src/code/block.json b/packages/block-library/src/code/block.json
@@ -4,7 +4,7 @@
 	"attributes": {
 		"content": {
 			"type": "string",
-			"source": "text",
+			"source": "html",
 			"selector": "code"
 		}
 	},

diff --git a/packages/block-library/src/code/edit.js b/packages/block-library/src/code/edit.js
@@ -2,21 +2,16 @@
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
 import {
-	PlainText,
+	RichText,
 	__experimentalUseBlockWrapperProps as useBlockWrapperProps,
 } from '@wordpress/block-editor';
 
 export default function CodeEdit( { attributes, setAttributes } ) {
 	const blockWrapperProps = useBlockWrapperProps();
 	return (
 		<pre { ...blockWrapperProps }>
-			<PlainText
-				__experimentalVersion={ 2 }
+			<RichText
 				tagName="code"
 				value={ attributes.content }
 				onChange={ ( content ) => setAttributes( { content } ) }

diff --git a/packages/block-library/src/code/save.js b/packages/block-library/src/code/save.js
@@ -1,3 +1,8 @@
+/**
+ * WordPress dependencies
+ */
+import { RichText } from '@wordpress/block-editor';
+
 /**
  * Internal dependencies
  */
@@ -6,7 +11,10 @@ import { escape } from './utils';
 export default function save( { attributes } ) {
 	return (
 		<pre>
-			<code>{ escape( attributes.content ) }</code>
+			<RichText.Content
+				tagName="code"
+				value={ escape( attributes.content ) }
+			/>
 		</pre>
 	);
 }
diff --git a/packages/block-library/src/code/utils.js b/packages/block-library/src/code/utils.js
@@ -3,11 +3,6 @@
  */
 import { flow } from 'lodash';
 
-/**
- * WordPress dependencies
- */
-import { escapeEditableHTML } from '@wordpress/escape-html';
-
 /**
  * Escapes ampersands, shortcodes, and links.
  *
@@ -16,7 +11,6 @@ import { escapeEditableHTML } from '@wordpress/escape-html';
  */
 export function escape( content ) {
 	return flow(
-		escapeEditableHTML,
 		escapeOpeningSquareBrackets,
 		escapeProtocolInIsolatedUrls
 	)( content || '' );