清除富文本编辑器空格和宽高【fastadmincms开发记录】

fastadmincms百度编辑器清除富文本编辑器空格和宽高【fastadmincms开发记录】

在FastAdminCMS中使用百度编辑器（UEditor）时，若要清除富文本编辑器中的空格和宽高，可以分别通过以下方式进行：

### 清除空格

#### 1. HTML内容处理：

在服务器端接收富文本内容后，使用正则表达式或其他文本处理方法去除HTML中的空格。以下是一个简单的示例：

```php

function removeSpacesFromHTML($html) {

    // 移除HTML标签之间的多余空格

    $html = preg_replace('/>\s+</', '><', $html);

    // 移除行首和行尾的空格

    $html = trim($html);

    return $html;

}

// 使用示例

$content = $_POST['content']; // 假设这是从富文本编辑器接收到的HTML内容

$cleanedContent = removeSpacesFromHTML($content);

```

#### 2. 客户端配置：

如果希望在编辑过程中就避免用户输入过多空格，可以考虑在UEditor的初始化配置中启用相关选项。查阅UEditor的官方文档或源码，看是否存在相关配置项可以禁用或限制用户输入空格。

### 清除宽高

#### 1. 自动清除：

在服务器端接收富文本内容后，可以使用正则表达式移除`style`属性中关于`width`和`height`的设置：

```php

function removeWidthAndHeightFromHTML($html) {

    return preg_replace(

        array('/style="(.*?)width\s*:\s*\d+(\.\d+)?(px|%);(.*?)"\s*/i', '/style="(.*?)height\s*:\s*\d+(\.\d+)?(px|%);(.*?)"\s*/i'),

        array('style="$1$4"', 'style="$1$5"'),

        $html

    );

}

// 使用示例

$content = $_POST['content']; // 假设这是从富文本编辑器接收到的HTML内容

$cleanedContent = removeWidthAndHeightFromHTML($content);

```

#### 2. 用户限制：

在UEditor的初始化配置中，可以尝试禁用或限制用户调整图片、表格等元素的宽高。查阅UEditor的官方文档或源码，看是否存在相关配置项可以达到目的。

#### 3. CSS覆盖：

在输出富文本内容的页面中，通过CSS覆盖编辑器中元素的`width`和`height`属性，确保内容按照预期样式展示。例如：

```css

/* 对编辑器输出的图片统一设置宽度 */

.u-editor-content img {

    width: auto !important;

    height: auto !important;

}

```

请根据实际项目需求选择合适的方法，可能需要结合使用上述多种手段来有效清除富文本编辑器中的空格和宽高设置。同时，注意处理HTML内容时应考虑兼容性和性能，避免正则表达式过于复杂导致效率低下或误删重要内容。

文件路径

public/assets/js/backend/cms/archives.js

大约634行

代码