# code-block-pro/1.28.0/src/editor/transforms.ts

Code Block Pro – Beautiful Syntax Highlighting, version 1.28.0. 24 lines.

- Page: https://pluginprobe.com/plugins/code-block-pro/1.28.0/code/src/editor/transforms.ts
- Raw: https://pluginprobe.com/plugins/code-block-pro/1.28.0/raw/src/editor/transforms.ts
- Modified: 2026-04-12T13:22:22+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/code-block-pro/1.28.0/code/src/editor/transforms.ts#L10-L20`.

```typescript
import { createBlock } from '@wordpress/blocks';
import { escapeHTML } from '@wordpress/escape-html';
import blockConfig from '../block.json';
import type { Attributes, Lang } from '../types';
import { getMainAlias } from '../util/languages';

export const transformToCBP = (attrs: any) => {
	const { content, language } = attrs;
	const decode = (value: string) => {
		const txt = document.createElement('textarea');
		txt.innerHTML = value;
		return txt.value;
	};
	return createBlock(blockConfig.name, {
		code: content ? escapeHTML(decode(content)) : undefined,
		language: getMainAlias(language) as Lang,
	});
};

export const transformFromCBP = (attrs: Attributes) => {
	const { code: content } = attrs;
	return createBlock('core/code', { content });
};

```