永兴集团(中国区)官方网站-Macau App Station

400-800-9385
网站建设资讯详细

PHP项目接入Ueditor富文本编辑器

发表日期:2022-11-23 10:46:32   作者来源:黎云辉   浏览:2189   标签:PHP网站制作    
最近有个项目因为原项目的编辑器不符合客户的需求,所以需要更换一个其他的编辑器,按客户的需求是要接入百度Ueditor富文本编辑器
在网上下载好文件,然后将下载好的文件解压到项目中,我这里是解压到PUBLIC目录下并改文件夹名称为ueditor

ueditor编辑器

第一步 引入javascript
在html中如入下面的js语句引入相关文件



第二步 添加textare文本域并设置id值

第三步 初始化UEditor编辑器
在html代码中添加下面的代码初始化UEditor编译器


我这里是直接集成在一个公共的页面里,方便调用

template

编辑器代码

第四步 设置图片上传路径
UEditor编辑器的默认图片上传路径是根目录下/upload/image/目录,没有这个目录会自动创建,如果要自定义图片上传路径,可以在ueditor/php/config.json文件中12行处修改。
效果图

编辑器配置

 
这里的工具栏,我是根据需求进行了删减,删减位置在ueditor.config文件的第36行处删减;编辑器的高度一开始默认是根据内容高度延伸的,需要改成滚动条形式的话,在ueditor.config文件的第36行处修改autoHeightEnabled:true,true改为false,然后取消注释即可;

网页编辑器样式

 
 
如没特殊注明,文章均为永兴集团原创,转载请注明来自/news/6588.html
XML 地图