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
- 关于平台和论坛的那些事jenny | 彭州网络公司
- SEO优化外包外包公司
- 百度账户后台关键词报告与商务通等数据通过excel整理方式_成都竞价托管
- 网站建设公司选择的四个核心考虑因素_宜宾做网站
- 盘点seo见到效果再付费的伎俩与优化流程-成都seo优化-成都网站优化
- 网站权重降低的原因以及解决方法-成都seo优化-成都网站优化
- seo优化如何处理企业在网上遇到的负面信息:小编依赖删除长沙做信息seo网站-成都SEO优化
- 做网站seo优化过程中为什么建议站长少用插件-成都seo优化-成都网站优化
- 如何通过配色让蓝色logo在网站设计中更加突显_达州做网站
- SEO快速排名优化操作手法-绵阳seo优化快排