PHP项目接入Ueditor富文本编辑器_成都网站搭建
最近有个项目因为原项目的编辑器不符合客户的需求,所以需要更换一个其他的编辑器,按客户的需求是要接入百度Ueditor富文本编辑器。在网上下载好文件,然后将下载好的文件解压到项目中,我这里是解压到PUBLIC目录下并改文件夹名称为ueditor
第一步先引入javascript在html中如入下面的js语句引入相关文件script type=text/javascript src=__LIB__/ueditor/ueditor.config.js?{$Think.NOW_TIME}/script!-- 编辑器源码文件 --script type=text/javascript src=__LIB__/ueditor/ueditor.all.js?{$Think.NOW_TIME}/script第二步添加textare文本域并设置id值textarea id=[id] name=[id] class=form-control kindeditor style=height:400px;width:100%;[value]/textarea第三步初始化UEditor编辑器在html代码中添加下面的代码初始化UEditor编译器!-- 实例化编辑器 --script type=text/javascript charset=utf-8//初始化编辑器window.UEDITOR_HOME_URL = __LIB__/ueditor/;//配置路径设定为UEditor所放的位置window.onload=function(){window.UEDITOR_CONFIG.initialFrameHeight=400;//编辑器的高度window.UEDITOR_CONFIG.initialFrameWidth=100%;//编辑器的宽度var editor = new UE.ui.Editor({imageUrl : ,fileUrl : ,imagePath : ,filePath : ,imageManagerUrl:, //图片在线管理的处理地址imageManagerPath:/});editor.render([id]);//此处的EditorId与textarea name=content id=EditorId的id值对应 /textarea}/script我这里是直接集成在一个公共的页面里,方便调用
第四步设置图片上传路径UEditor编辑器的默认图片上传路径是根目录下/upload/image/目录,没有这个目录会自动创建,如果要自定义图片上传路径,可以在ueditor/php/config.json文件中12行处修改。效果图
这里的工具栏,我是根据需求进行了删减,删减位置在ueditor.config文件的第36行处删减;编辑器的高度一开始默认是根据内容高度延伸的,需要改成滚动条形式的话,在ueditor.config文件的第36行处修改autoHeightEnabled:true,true改为false,然后取消注释即可;
PHP项目接入Ueditor富文本编辑器_成都网站搭建 https://cdnanqi.cn/wangzhanzhizuo/11105.html
- 高端网站建设经验分享:如何平衡设计与功能_泸州做网站
- 关键词定位设计有利于网站SEO优化蜘蛛抓取-成都seo优化-成都网站优化
- 网站设计色彩搭配的影响用户体验的因素_成都做网站
- SEO优化关键词排名
- 网站制作化繁为简高效部署 华为云发布部署服务CodeArts Deploy
- 关键词排名京东品牌方应该如何更好的做好投放?(组图)关键词里看中国:财经热词背后的中国经济真相-雅安SEO
- 网站建设的排名结果不等于网站优化成效-都江堰SEO优化
- 网站建设经验分享:增加网站的用户粘性的方法_成都做网站
- 如何才能保证网站具有较高的收录率避免seo优化雷区即可-成都seo优化-成都网站优化
- 提高网站访问速度的深度优化技巧-什邡SEO优化