ueditor 编辑器的使用（编辑）

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>编辑器</title>

//引入一下js文件，另外，要下载Ueditor的的压缩包

//官网地址：https://ueditor.baidu.com/website/download.html

<div>

</div>

</body>

<script type="text/javascript">
var ue = UE.getEditor('content', {
toolbars: [[
'fullscreen', 'source', 'undo', 'redo', '|',
'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc'
]],
autoHeightEnabled: false,
initialFrameHeight: 300,
serverUrl: 'http://' + location.host + '/upload.php', //此处请求服务器的地址
imageFieldName: "file",
imageUrlPrefix: '',
imageActionName: 'ajaxUpload',
imageAllowFiles: [".png", ".jpg", ".jpeg", ".gif", ".bmp"],
catcherActionName: 'catchimage', //在编辑器中粘贴图片，会调用此配置的方法，
catcherFieldName: "source", //回调时的表单字段名称，可自定义
catcherUrlPrefix: '',
});

</script>

</html>

注：压缩包中的config.json，这个文件中可以配置编辑其中，上传图片或文件的保存地址，以及表单的提交字段等信息，可根据自己的需求，进行更改！

已下图片就是刚刚我们在js中单独配置的抓取远程图片的配置，如果你在实例化编辑器的时候，没有单独配置的话，默认就是用config.json中的配置！

ueditor 编辑器的使用（编辑）相关推荐

ueditor编辑器右键粘贴、复制不能用的解决办法
ueditor编辑器功能非常强大,现在比较多的网站页面或者系统中都集成了百度的ueditor编辑器,使系统编辑文本变得非常容易. 但是默认状态下,在使用google内核的浏览器时,会出现右键粘贴复制都 ...
ueditor 编辑html文件名,UEditor编辑器自定义上传图片或文件路径的修改方法，ueditor修改方法...
UEditor编辑器自定义上传图片或文件路径的修改方法,ueditor修改方法使用ueditor编辑器,附件默认在ueditor/php/upload/, 我的附件地址是网站根目录下/data/u ...
在YII2框架中使用UEditor编辑器发布文章
在YII2框架中使用UEditor编辑器发布文章创建文章数据表文章数据表主要有4个字段 id 主键(int) title 标题(varchar) content 内容(text) created ...
百度UEditor编辑器关闭抓取远程图片功能（默认开启）
2019独角兽企业重金招聘Python工程师标准>>> 这个坑娘的功能,开始时居然不知道如何触发,以为有个按钮,点击一下触发,翻阅了文档,没有发现,然后再网络上看到原来是复制粘贴非白 ...
在ueditor编辑器的光标停留处插入内容
业务场景: 首先在ueditor编辑器中插入一段文本,然后我想在文本的某个位置(光标停留处)插入一个字符串,这个字符串是从页面的其他地方选择得来的. 注意,当我们点击ueditor编辑器以外的地方,编 ...
html编辑器 br 被div,百度Ueditor编辑器DIV,html标签替换及代码被过滤问题解决方法...
解决"织梦DEDECMS使用百度Ueditor编辑器和代码高亮设置教程"中遗留的html标签过滤问题.前者资源盒子主要描述了如何在织梦CMS中使用百度Ueditor编辑器,但遗留了 ...
ueditor 编辑器增加css样式_Web入侵之利用编辑器漏洞入侵
Web入侵之利用编辑器漏洞入侵 Ewebeditor漏洞详细可参考:https://www.0dayhack.com/post-426.html 1.常见的编辑器常见的有Ewebeditor,fck ...
ueditor编辑器上传图片的显示问题
最近需要做一个标记文章的系统,在网上找到了Ueditor编辑器的代码,修修改改,添加jar包之后已经能运行成功,显示编辑页面. 开始分析问题: 最后发现图片上传出现问题,就是用户上传图片之后,编辑框里 ...
kindeditor集成135编辑器实现共同编辑文章
kindeditor是一款应用非常广泛的富文本编辑器,笔者在以前的多个项目中使用.135编辑器是一款在线编辑器,常用于微信端信息的编辑和发布.因为135编辑器自带了很多模板用起来很方便,所以我想把它编 ...
tp中ueditor编辑器的使用
1/引入三个文件 <script type="text/javascript" charset="utf-8" src="{$Think.con ...

ueditor 编辑器的使用（编辑）

ueditor 编辑器的使用（编辑）相关推荐

最新文章

热门文章