我正在构建代码段块以在<pre><code>标签内添加代码。

但是，当查看代码时 -<pre>标签具有不必要的标签。

我的代码段块react代码

  edit({ attributes, setAttributes, isSelected }) {
    const { text } = attributes;

    return (
      <Fragment>        
            <RichText
              identifier="text"
              value={text}
              placeholder={__('Text')}
              onChange={nextText => {
                setAttributes({
                  text: nextText,
                });
              }}
            />
      </Fragment>
    );
  },

  save({ attributes }) {
    const { text } = attributes;

    return (
      <pre>
          {text && (<code>{text}</code> )}
      </pre>
    );
  },
};

从古腾堡编辑器插入的代码 - 用于测试。

Python program to illustrate destructor
class Employee:
Initializing
def __init__(self):
print('Employee created.')
Deleting (Calling destructor)
def __del__(self): print('Destructor called, Employee deleted.')
obj = Employee()
del obj

但是上面的测试片段被拉为： 没有换行符和
标签的渲染片段块。

该问题源于HTML 存储。存储过程中格式错误导致的问题。

mysql 中存储的片段。

如何解决这个问题。这样代码就可以在<pre><code>带换行符的块内存储和查看，<pre>标签中没有不必要的类