优化百度UEditor编辑器使用教程-优快云博客

本文链接：https://blog.youkuaiyun.com/gitblog_00130/article/details/142189923

优化百度UEditor编辑器使用教程

ueditor 优化百度ueditor编辑器，增加秀米插件、手机端预览等功能，与egg-ueditor完美结合项目地址: https://gitcode.com/gh_mirrors/uedi/ueditor

项目介绍

本项目是对百度UEditor编辑器的优化版本，主要增加了秀米插件和手机端预览功能，并与egg-ueditor完美结合。优化后的UEditor编辑器在功能和用户体验上都有显著提升，特别适合需要在移动端进行内容编辑的开发者使用。

项目快速启动

1. 下载源码

首先，从GitHub仓库下载源码：

git clone https://github.com/inmyjs/ueditor.git

2. 放置静态资源

将下载的源码放置到你的静态资源目录中。

3. 页面引用

在你的HTML页面中引用UEditor的相关文件：

<!DOCTYPE html>
<html>
<head>
    <script src="/public/ueditor/ueditor.config.js"></script>
    <script src="/public/ueditor/ueditor.all.js"></script>
    <script src="/public/ueditor/xiumi-ue-dialog-v5.js"></script>
    <link rel="stylesheet" href="/public/ueditor/xiumi-ue-v5.css">
</head>
<body>
    <h1>编辑器示例</h1>
    <div id="content"></div>
    <script type="application/javascript">
        let ueditor_config = {
            serverUrl: "/ueditor?_csrf=[[ ctx.csrf | safe ]]",
            initialFrameWidth: 700,
            initialFrameHeight: 320,
            autoHeightEnabled: false
        };
        var ue = UE.getEditor('content', ueditor_config);
    </script>
</body>
</html>