UMeditor使用

来源:互联网 发布:淘宝 答案宠物店 假粮 编辑:程序博客网 时间:2024/06/06 01:02

html代码中:

  <!--umeditor start-->
    <link href="<?php echo $base_url; ?>umeditor/themes/default/css/umeditor.css" type="text/css" rel="stylesheet">
    <script type="text/javascript" src="<?php echo $base_url; ?>umeditor/third-party/jquery.min.js"></script>
    <script type="text/javascript" src="<?php echo $base_url; ?>umeditor/third-party/template.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="<?php echo $base_url; ?>umeditor/umeditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="<?php echo $base_url; ?>umeditor/umeditor.js"></script>
    <script type="text/javascript" charset="utf-8" src="<?php echo $base_url; ?>umeditor/umeditor.min.js"></script>
    <script type="text/javascript" src="<?php echo $base_url; ?>umeditor/lang/zh-cn/zh-cn.js"></script>
    <!-- end -->

调用:

<textarea id="myEditor" name="content" style="width:660px;height:250px;"></textarea>


Js中:

<script type="text/javascript">

        window.um = UM.getEditor('myEditor',{

   <!--定义toolbar-->

          toolbar:[
              'undo redo | bold italic underline strikethrough |removeformat',
              'cleardoc' ,
              '| justifyleft justifycenter justifyright justifyjustify',
              '| emotion image ',
              '| horizontal fullscreen'
          ],
    imageUrl:"<?php echo $base_url; ?>application/controllers/imageUp.php",            //图片上传提交地址
    imagePath:"<?php echo $base_url; ?>",     //图片修正地址,也就是图片存储路径,可拼接。引用了fixedImagePath,如有特殊需求,可自行配置
    imageFieldName:"upfile",                           //定义上传域name
    autoHeightEnabled: true,             
    autoFloatEnabled: true
  });