Thinkphp5 引入百度富文本

最新推荐文章于 2024-12-10 22:05:24 发布

原创最新推荐文章于 2024-12-10 22:05:24 发布 · 394 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Thinkphp5.0

当前文章被收录于：

Thinkphp5.0

22 篇文章 1 人学习

php结合tp5.0的基本部署与认识

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了如何在Thinkphp5框架中集成并配置百度UEditor富文本编辑器，包括将编辑器资源文件放置在public目录，调整配置文件和实例化编辑器，并设置正确的本地src地址。

可按照官方手册操作UEditor Docs

将富文本解压到tp框架public目录下

分别将配置文件和实例化放到头和尾部，将src地址修改成自己的本地的地址

代码参考

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script type="text/javascript" src="../FWB/ueditor1_4_3_3-utf8-php/ued/ueditor.config.js"></script>
    <!-- 编辑器源码文件 -->
    <script type="text/javascript" src="../FWB/ueditor1_4_3_3-utf8-php/ued/ueditor.all.js"></script>
</head>
<body>

  <script id="container" name="content" type="text/plain">
        这里写你的初始化内容

    </script>

</body>
</html>
<!-- 实例化编辑器 -->
<script type="text/javascript">
    var ue = UE.getEditor('container');
</script>

效果显示