百度编辑器ueditor插件的基本使用

author author     2022-10-24     659

关键词:

注意:该插件是基于tpframe开发,请在tpframe框架上使用

插件下载地址:https://pan.baidu.com/s/1MOJbd1goQC0Bn5-7HcIdKA

插件下载下来后解压到addon插件目录,然后进入后台进行安装即可

技术分享图片

Ueditor插件的使用:

在你想要用编辑器的模板页面加如下代码即可:

:Core::hook(‘ueditor‘,[‘name‘=>‘content‘,‘width‘=>750,‘height‘=>200,‘default_str‘=>‘留言内容‘,‘toolbars‘=>[[‘source‘, ‘undo‘, ‘redo‘, ‘bold‘],[‘fullscreen‘,‘redo‘]]])

参数说明:

name:要生成的编辑器的名称,默认值为content,用于php端接收参数

width:编辑器的宽度,默认1000

height:编辑器的高度,默认320

default_str:编辑器默认内容

toolbars:编辑器工具栏,传递一维数组或二维数组,其中二维数组表示第一排的图标功能,默认为编辑器初始值

注意:如果你想在一个页面用两个或以上的ueditor编辑器,请给第二个以上的调用都加上has_more参数,例如:

:Core::hook(‘ueditor‘,[‘name‘=>‘content2‘,‘width‘=>750,‘height‘=>200,‘default_str‘=>‘留言内容‘,‘toolbars‘=>[[‘source‘, ‘undo‘, ‘redo‘, ‘bold‘],[‘fullscreen‘,‘redo‘]],"has_more"=>1])

生成出来的效果如下:

技术分享图片

当然你也可能参与Ueditor官方文档来随意理性样式

百度在线编辑器ueditor的使用

1、引入ueditor文件包到项目中(官网下载,分为utf-8还有gbk等好多版本,自己看着下)2、把ueditor引入到jsp页面中,可参考百度提供的示例<scripttype="text/javascript"charset="utf-8"src="${basePath}js/ueditor/ueditor.config.js"></script><scrip... 查看详情

怎么使用百度编辑器

我们在做网站的时候,网站后台系统一般都会用到web编辑器,今天笔者就给大家推荐一款百度UEditor编辑器。关于这款百度UEditor编辑器官网上也有简单的教程,不过看着比较费劲,今天笔者就跟大家分享一下百度UEditor编辑器使用... 查看详情

帝国cms后台编辑器集成ueditor编辑器

我更换成百度编辑器的原因有以下几点:1.使用百度编辑器的图片粘贴上传功能,这个功能实在是太有必要了,有开发的过程中或上传的过程中,通常用qq直接截图,直接放到文章上面,避免了再放到本地保存的情况,真是麻烦... 查看详情

百度编辑器ueditor1.4.3配置记录

我从官网下载的php文件,但是图片上传不能用,后来查找资料,打开ueditor下的php/controller.php,(其他环境选对应的文件夹)把时区设置按如下改个字母大小写,再打开该文件就正确返回json。然后,ueditor就不会报“后台配置... 查看详情

百度富文本ueditor编辑器的使用(代码片段)

...其是在网站开发后台管理系统的时候经常会使用到富文本编辑器,这里我们来使用百度提供的富文本编辑器UEditor,以提高我们的开发效率UEditor官网下载地址:https://ueditor.baidu.com/website/download.html 这里我下载的是jsp版本中的UT... 查看详情

ueditor百度编辑器中的setcontent()方法的使用

百度编辑器Ueditor所提供的setContent()方法作用是:设置或者改变编辑器里面的文字内容或html内容函数说明:setContent(string,boolean);参数string是需要设置到编辑器里面的内容,可以含有HTML代码,最后插入到编辑器中的内容是经过编辑... 查看详情

使用百度umeditor富文本编辑器,修改自定义图片上传,修改源码

富文本编辑器,不多说了,这个大家应该都用到过,至于用到的什么版本,那就分很多种CKEditor:很早以前叫FCK,那个时候也用过,现在改名了,比较流行的一个插件,国外很多公司在用UEDITOR:百度开发的插件,lite版是UMEasyUI编... 查看详情

ueditor百度网页编辑器开发者版javautf-8的使用

index.jsp主要代码:<html><head><title>网页编辑器</title><scripttype="text/javascript"charset="utf-8"src="./ueditor/ueditor.config.js"></script><scripttype="text/javascript 查看详情

新版百度编辑器(ueditor1.2.5.1版),如何将其中的图片上传插件提取出来

...,就是实例化的时候我发现他的关联性变强了,不实例化编辑器,单独调用插件模版,js各种报错 查看详情

百度编辑器ueditor使用记录

Ueditor官网: http://fex.baidu.com/ueditor/#dev-bale_width_gruntUeditorAPI文档: https://ueditor.baidu.com/doc/#COMMAND.LISTUeditor下载网址:https://ueditor.baidu.com/website/download.html一、项目引用因为Uedit 查看详情

百度编辑器(ueditor)踩坑,图片转存无法使用

在使用百度编辑器的过程中碰到了一些问题,图片转存功能无法使用,即便是疯狂地在官方Demo、文档、论坛甚至是GitHub上也没找到理想的答案。(┗|`O′|┛)(真是日了狗)问题描述默认情况下,从Word中复制的内容粘贴在编辑... 查看详情

百度编辑器ueditor常用设置函数大全

...收集了一些常用的方法和基本设置,以供参考。1、创建编辑器UE.getEditor(‘editor‘,{initialFrameWidth:"100%"//初始化选项})精简版UE.getEditor(‘editor‘)2、删除编辑器UE.getEditor(‘editor‘).destroy();3、设置焦点UE.getEditor(‘editor‘).foc 查看详情

秀米怎么设置插件

参考技术A1.确保升级至Youdiancms9.5.1版本。2.必需使用百度编辑器UEditor(如果是CKEditor,请到后台——》设置——其他设置里,选择百度UEditor)。3.确保网站可以用https访问。 查看详情

百度编辑器-ueditor

作者:LiondenLionden‘sLionDen.又一编辑神器-百度编辑器-Ueditor(Lionden<[email protected]>转载说明)    前段时间发表过一篇关于“KindEditor在JSP中使用”的博文。这几天在沈阳东软进行JavaWeb方面的实习工作,在一个CM... 查看详情

vue项目中使用百度编辑器(代码片段)

vue中使用百度编辑器1、yarnaddvue-ueditor-wrap//下载此包可实现双向绑定功能2、将去官网下载百度编辑器包(jsp版本),将名字改为UEditor放在项目的static文件夹下3、在components文件夹下新建文件Ueditor.vue并写入以下代码(提醒:注意下方... 查看详情

vue中使用百度编辑器ueditor

 已有前辈整理,记录URL:http://www.cnblogs.com/ocean-sky/p/7132319.htmlhttp://blog.csdn.net/psd_html/article/details/73312859需注意的代码:子组件:config接收父组件传来的配置mounted(){//初始化UEconst_this=this;_this.editor=UE.getE 查看详情

ueditor的jquery插件化

...同时使用两者的话,可能会希望使用jQuery语法创建和获取编辑器实例。为此,需要为jQuery编写插件,代码如下:(function($){//注册jQuery插件$.fn.ueditor=function(){//如果通过jQuery获取了多个元素,可以创建多个编辑器for(vari=0;i<this.leng... 查看详情

百度富文本编辑器ueditor

前言  配置.netmvc4项目使用ueditor编辑器,在配置过程中遇见了好几个问题,以此来记录解决办法。编辑器可以到http://ueditor.baidu.com/website/download.html#ueditor处下载.net的开发包,如下图,我下载的是1.2.6.1net版本的开发包。配置:1... 查看详情