百度编辑器的使用

admin
2021-05-04
82

百度编辑器

代码下载

百度编辑器.rar

实例代码

<div class="mains">

<ol class="breadcrumb">

<li><a href="#">文章管理</a></li>

<li class="active">添加文章</li>

</ol>

<form method="post" action="{:url('article/insert')}" enctype="multipart/form-data">

<div class="form-group">

<label>文章内容</label><br>

<textarea rows="" cols="" name="count" id="count" style="display: none;"></textarea>

<script id="container" name="count" type="text/plain">

</script>

</div>


<button type="submit" onclick="return getstring()" class="btn btn-default">提交</button>

</form>

</div>

<!-- 配置文件 -->

<script type="text/javascript" src="__STATIC__/admin/ueditor/ueditor.config.js"></script>

<!-- 编辑器源码文件 -->

<script type="text/javascript" src="__STATIC__/admin/ueditor/ueditor.all.js"></script>

<script>

// 初始化百度编辑器

var ue = UE.getEditor('container');

// 当点击提交的时候把百度编辑器中的内容赋给我们预先定义的文本域

function getstring() {

document.getElementById('count').value = UE.getEditor('container').getContent();

}

</script>