ueditor编辑器 PHP如何搭建百度Ueditor富文本编辑器

代码农民项目网站:http://www.startphp.cn

官网:https://ueditor.baidu.com/website/download.html

将下载的文件解压到thinkphp项目中。在本文中，将它解压缩到PUBLIC目录，并将文件夹名改为ueditor

第一步是介绍java

用html介绍相关文件，比如下面的js语句

& lttype = " text/Java " charset = " utf-8 " src = " _ _ PUBLIC _ _/ueditor/ueditor . config . js " & gt；& lt/>。

& lttype = " text/Java " charset = " utf-8 " src = " _ _ PUBLISHER _ _/ueditor/ueditor . all . js " & gt；& lt/>。

步骤2:添加文本文本字段并设置标识值

& lttext area type = " text " name = " content " id = " editor id " placeholder = "请输入内容" > & lt/textarea>。

初始化编辑器

将以下代码添加到html代码中，以初始化UEditor编译器

& lttype="text/java"charset="utf-8 " >//初始化编辑器

窗户。UEDITOR _ HOME _ URL = " _ _ PUBLIC _ _/UEDITOR/"；//配置路径设置为UEditor所在的位置

窗户。=function(){

窗户。UEDITOR _ CONFIG . initialFrameheight = 600；//编辑器的高度

窗户。UEDITOR _ CONFIG . initial FrameWidth = 1200；//编辑器的宽度

vareditor = newUE.ui.Editor({

imageUrl:“”，

文件Url:“”，

imagePath:' '，

文件路径: ''，

ImageManagerUrl:' '，//在线图片管理的处理地址

imageManagerPath:“_ _ ROOT _ _/”

});

editor . render(" EditorId ")；//这里的EditorId和

}

& lt/>。

第四步:设置图片上传路径

UEditor默认的镜像上传路径是根目录下的/UEditor/PHP/upload/image/directory，没有这个目录会自动创建。如果您想自定义图像上传路径，可以在ueditor/php/config.json文件的第12行进行修改。

最后，粘贴完整的html代码:

& lt！DOCTYPE html>。

& lthtmllang="en " >

& lthead>。

& ltmetacharset="UTF-8 " >;

& lttitle>。文件<。/title>。

& lttype = " text/Java " charset = " utf-8 " src = " _ _ PUBLIC _ _/ueditor/ueditor . config . js " & gt；& lt/>。

& lttype = " text/Java " charset = " utf-8 " src = " _ _ PUBLISHER _ _/ueditor/ueditor . all . js " & gt；& lt/>。

& lt/head>。

& ltbody>。

& ltform action = " _ _ URL _ _/receiver " method = " post " accept-charset = " utf-8 " >;

& lttext area type = " text " name = " content " id = " editor id " placeholder = "请输入内容" > & lt/textarea>。

& ltinput type = " submit " value = " submit " >:

& lt/form>。

& lttype="text/java"charset="utf-8 " >//初始化编辑器

窗户。UEDITOR _ HOME _ URL = " _ _ PUBLIC _ _/UEDITOR/"；//配置路径设置为UEditor所在的位置

窗户。=function(){

窗户。UEDITOR _ CONFIG . initialFrameheight = 600；//编辑器的高度

窗户。UEDITOR _ CONFIG . initial FrameWidth = 1200；//编辑器的宽度

vareditor = newUE.ui.Editor({

imageUrl:“”，

文件Url:“”，

imagePath:' '，

文件路径: ''，

ImageManagerUrl:' '，//在线图片管理的处理地址

imageManagerPath:“_ _ ROOT _ _/”

});

editor . render(" EditorId ")；//这里的EditorId和

}

& lt/>。

& lt/body>。

& lt/html>。

建筑渲染/图解

以上是文章的全部内容。如果需要交流学习，可以关注码农计划，一起学习。