UEditor基本使用方法min版

最新推荐文章于 2022-10-19 09:33:56 发布

一只勤奋的代码狗

最新推荐文章于 2022-10-19 09:33:56 发布

阅读量875

点赞数

本文链接：https://blog.csdn.net/gaoxuaiguoyi/article/details/44858257

版权

简单html以及js文件的引入：
<!DOCTYPE HTML>
<html>
<head>

    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <title>UMEDITOR 完整demo</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link href="themes/default/css/umeditor.css" type="text/css" rel="stylesheet">
    <script type="text/javascript" src="third-party/jquery.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="umeditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="umeditor.min.js"></script>
    <script type="text/javascript" src="lang/zh-cn/zh-cn.js"></script>
  
  
</head>
<body>
<h1>编辑器</h1>

<!--style给定宽度可以影响编辑器的最终宽度-->
<div id="container">
<script type="text/plain" id="myEditor" style="width:1000px;height:240px;">
    <p>新闻内容</p>
</script>

</div>
<div class="clear"></div>

<script type="text/javascript">
    //实例化编辑器
    var um = UM.getEditor('myEditor');
    
</script>

</body>
</html>