首页导航博客电子书算法众创代码随贴关于我们

umeditor快速开始与简化配置

代码正文双击正文可选择全部

1[代码][html]

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

<link rel="stylesheet" href="https://ueditor.baidu.com/umeditor/themes/default/css/umeditor.css">

<script src="https://ueditor.baidu.com/umeditor/third-party/jquery.min.js"></script>

<script type="text/javascript" src="https://ueditor.baidu.com/umeditor/third-party/template.min.js"></script>

<script type="text/javascript" src="https://ueditor.baidu.com/umeditor/umeditor.config.js"></script>

<script type="text/javascript" src="https://ueditor.baidu.com/umeditor/umeditor.js"></script>

<script type="text/javascript" src="https://ueditor.baidu.com/umeditor/lang/zh-cn/zh-cn.js"></script>

<script type="text/javascript">
    $(function(){
        window.um = UM.getEditor('container', {
        	/* 传入配置参数,可配参数列表看umeditor.config.js */
            toolbar:[
            'source | undo redo | bold italic | forecolor backcolor |',
            ' fontfamily fontsize' ,
            '| justifyleft justifycenter justifyright |',
            'link unlink | image video ',
            '| preview fullscreen'
        ]
        });
    });
</script>
</head>
<body>

<script id="container" name="content" type="text/plain" style="width:600px;height:200px;">
    这里写你的初始化内容
</script>
	
	     ,toolbar:[
            'source | undo redo | bold italic underline strikethrough | superscript subscript | forecolor backcolor | removeformat |',
            'insertorderedlist insertunorderedlist | selectall cleardoc paragraph | fontfamily fontsize' ,
            '| justifyleft justifycenter justifyright justifyjustify |',
            'link unlink | emotion image video  | map',
            '| horizontal print preview fullscreen', 'drafts', 'formula'
        ]
            toolbar: ['source | undo redo | bold italic underline']
</body>
</html>