Ueditor使用方法及其若干问题的解决

最新推荐文章于 2025-07-10 12:48:34 发布

天空下的海

最新推荐文章于 2025-07-10 12:48:34 发布

阅读量4.9k

点赞数 4

CC 4.0 BY-SA版权

分类专栏： php 文章标签：文本编辑 utf-8 php

本文链接：https://blog.youkuaiyun.com/tkxdh/article/details/52866743

php 专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何使用UEditor1_4_3_3版本的文本编辑器，并解决视频上传后预览显示异常的问题。文章包括引入JS文件、初始化编辑器及服务器配置等步骤，并给出了解决视频路径丢失的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用版本ueditor1_4_3_3-utf8-php.zip

文本编辑器的使用:

1、引入JS文件

<script type="text/javascript" charset="utf-8" src="ueditor.config.js"></script> 
<script type="text/javascript" charset="utf-8" src="ueditor.all.min.js"></script>
<script type="text/javascript" charset="utf-8" src="lang/zh-cn/zh-cn.js"></script>

2、编辑器div加载

<script id="editor" type="text/plain" style="width:1024px;height:500px;"></script>

3、编辑器初始化

UE.getEditor('editor');

获得文本内容：

1、 var html = UE.getEditor(‘editor’).getContent();
2、$_POST[‘editorValue’]

展示文本内容：

$(funtion(){
   UE.getEditor(‘editor’).addListener(‘ready’, function (editor) {
      UE.getEditor(‘editor’).setContent(value);
   }）；
});

服务器相关配置：

ueditor/php/config.json

问题

Ueditor上传视频成功，预览也成

<p><video class="edui-upload-video  vjs-default-skin video-js" controls="" preload="none" width="420" height="280" src="http://120.76.191.63/ueditor/php/upload/video/20161019/1476866951449298.mp4" data-setup="{}"></video> </p>`

预览介面，视频不见了，再查看HTML代码，发现视频路径被清空了

> <p> <video class="edui-upload-video vjs-default-skin video-js"
> controls="" preload="none" width="420" height="280" src
> data-setup="{}"></video> </p>

修改 ueditor.config.js 文件的366行，将 whitList 修改为 whiteList