php调用在线编辑器_php调用UEditor富文本编辑器-php教程-PHP中文网

php调用在线编辑器_php调用UEditor富文本编辑器

看不見的法師

发布： 2025-10-27 16:46:01

原创

274人浏览过

答案：在PHP项目中集成UEditor需下载并放置文件至公共目录，前端引入JS文件并初始化编辑器实例，配置serverUrl指向后端controller.php，确保上传目录有写权限，提交表单时通过name属性获取内容并进行安全过滤与存储。

php调用在线编辑器_php调用ueditor富文本编辑器

在PHP项目中集成UEditor富文本编辑器，可以快速实现内容的可视化编辑功能，比如文章发布、产品描述等场景。下面介绍如何在PHP环境中调用并使用百度UEditor。

下载并引入UEditor

前往UEditor官网下载最新版本的编辑器包。解压后将文件夹（如 ueditor）放入项目的公共目录下，例如：

your_project/public/ueditor

确保该路径可以通过浏览器直接访问，比如：http://yoursite.com/ueditor/

前端页面中调用UEditor

在需要富文本编辑的HTML或PHP模板页面中，引入UEditor的JS文件，并初始化编辑器实例：

立即学习“PHP免费学习笔记（深入）”；

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>UEditor 示例</title>
    <!-- 引入UEditor JS -->
    <script type="text/javascript" src="/ueditor/ueditor.config.js"></script>
    <script type="text/javascript" src="/ueditor/ueditor.all.min.js"></script>
</head>
<body>
    <!-- 编辑器容器 -->
    <script id="editor" name="content" type="text/plain" style="width:100%;height:400px;"></script>

    <!-- 表单提交示例 -->
    <form method="post" action="save.php">
        <input type="submit" value="提交内容">
    </form>

    <!-- 初始化编辑器 -->
    <script type="text/javascript">
        var editor = UE.getEditor('editor');
    </script>
</body>
</html>

登录后复制

配置PHP后端处理

UEditor默认自带PHP服务端代码，位于 php/ 目录下。主要功能包括图片上传、涂鸦、视频插入等。

AI图像编辑器

使用文本提示编辑、变换和增强照片

查看详情

确保以下几点：

服务器开启了PHP环境，并支持file_get_contents、cURL等函数
upload目录有写权限（一般为 ueditor/php/upload/ 下的子目录）
修改 ueditor.config.js 中的服务端接口路径，例如：

, serverUrl: "/ueditor/php/controller.php"

登录后复制

controller.php 会根据action参数转发请求到对应处理文件，如上传图片会调用 action_upload.php。

接收并保存编辑器内容

当表单提交时，UEditor的内容会通过name属性（如 content）传给后端。在PHP中可这样获取：

// save.php
<?php
if ($_POST['content']) {
    $content = $_POST['content'];
    // 可做安全过滤，如使用 htmlspecialchars 或 DOM 过滤XSS
    $safe_content = htmlspecialchars($content, ENT_QUOTES, 'UTF-8');

    // 保存到数据库或文件
    // $sql = "INSERT INTO articles (content) VALUES ('$safe_content')";

    echo "内容已保存：<br>" . $safe_content;
} else {
    echo "未收到内容";
}
?>

登录后复制

注意：生产环境建议使用PDO或mysqli预处理语句防止SQL注入，同时对富文本内容做更严格的XSS过滤（可借助HTMLPurifier等库）。