UEditor的使用及操作


<!DOCTYPE html>
<html lang="en">
<head>
    <include file="include/header"/>
    <link href="__PUBLIC__/icheck-1.x/skins/all.css" rel="stylesheet">

    <link rel="stylesheet" type="text/css" href="__PUBLIC__/home/css/global.css">

    <!-- 配置文件 -->
    <script type="text/javascript" src="__PUBLIC__/UEditor/ueditor.config.js"></script>
    <!-- 编辑器源码文件 -->
    <script type="text/javascript" src="__PUBLIC__/UEditor/ueditor.all.js"></script>
    <script type="text/javascript" charset="utf-8" src="__PUBLIC__/UEditor/lang/zh-cn/zh-cn.js"></script>
</head>
<body>


<body>
<section class="wrapper">
    <div class="row">
        <div class="col-lg-12">
            <section class="panel" style="border-top: 2px solid #2E3238;">
                <div class="panel-body" id="panel-bodys">
                    <form name="myform" class="form-horizontal tasi-form" action="" method="post">
                        <table class="table table-striped table-advance table-hover" id="contenttable">
                            <tbody>
                            <tr>
                                <td>
                                    <div class="col-sm-12 input-group">
                                        <!-- 加载编辑器的容器 -->
                                        <script id="container" name="content" type="text/plain"></script>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="contentsubmit text-center">
                                        <input type="hidden" name="modelid" value="">
                                        <input type="hidden" name="old_status" value="">
                                        <input data-num="1" type="button" id="tj" class="save-bt btn btn-info" value="提 交 "> &nbsp;&nbsp;&nbsp;
                                         <input data-num="0" type="reset"  class="btn btn-primary" value="重置 ">
                                    </div>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </form>
                </div>
            </section>
        </div>
    </div>
</section>

<!-- 实例化编辑器 -->
<script type="text/javascript">
    var ue = UE.getEditor('container');
</script>
</body>
</body>
</html>


UEditor API 文档:http://ueditor.baidu.com/doc

getContent() 获取编辑器的内容

猜你喜欢

转载自blog.csdn.net/u014132947/article/details/80264571
今日推荐