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
- 网站优化被搜索引擎K站,网站建站细节你留意了吗?-成都seo网站关键词优化
- 分析同行网站友链交换的问题探索与研究-成都seo优化-成都网站优化
- 哪个SEO优化外包公司擅长专业网站优化服务
- 网站制作安全维护 守护数字世界的铜墙铁壁
- 【长沙关键词优化】遇到在百度搜索结果中显示网页标题错误的解决方法-成都seo优化-成都网站优化
- seo信息如何更好地做好一个网站的seo优化呢?(图)站长工具seo不到网站信息-会理SEO优化
- 网站维护更新推广SEO优化(网站推广维护应该怎么做)
- 为什么优化电脑端网站还需要优化手机端网站-什邡SEO优化
- SEO优化不仅是网站排名的提升还能帮助企业实现销售额的增加
- 从哪些方面检测SEO优化方法过时-成都seo优化-成都网站优化
400电话办理