ueditor 编辑器的使用（编辑）

最新推荐文章于 2024-06-06 22:33:56 发布

chenzfyy

最新推荐文章于 2024-06-06 22:33:56 发布

阅读量2.3w

点赞数 2

分类专栏： js 前端文章标签： ueditor编辑器

本文链接：https://blog.csdn.net/chenzfyy/article/details/85244817

版权

js 前端专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!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中的配置！

chenzfyy

关注

2
点赞
踩
7

收藏

觉得还不错? 一键收藏
1
评论
ueditor 编辑器的使用（编辑）

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;编辑器&lt;/title&gt; //引入一下js文件，另外，要下载Ueditor的的压缩包 //官网地址：https://ueditor
复制链接

扫一扫