下载百度编辑器,放在项目里
引入js:
<script type="text/javascript" charset="utf-8" src="/static/utf8-php/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="/static/utf8-php/ueditor.all.min.js"></script>
<!--建议手动加在语言,避免在ie下有时因为加载语言失败导致编辑器加载失败-->
<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型,比如你在配置项目里配置的是英文,这里加载的中文,那最后就是中文-->
<script type="text/javascript" charset="utf-8" src="/static/utf8-php/lang/zh-cn/zh-cn.js"></script>
html:
<div class="layui-form-item">
<label class="layui-form-label">内容</label>
<div class="layui-input-block">
<textarea id="cont_contents" name="cont_contents"></textarea>
</div>
</div>
jq:
var ue = UE.getEditor('cont_contents',{initialFrameWidth:1000,initialFrameHeight:400});
在前段显示:
<div class="col-md-8" style="color: #000000;font-size:1.1rem;text-indent: 2em;line-height:42px;padding: 1em;">
{:htmlspecialchars_decode($v['cont_contents'])}
</div>
遍历多个百度编辑器
<div class="layui-form-item">
<div class="layui-input-inline">
<div class="layui-form-item">
<label class="layui-form-label">内容</label>
<div class="layui-input-block">
<textarea id="cont_contents{{$k}}" name="cont_content{{$k}}" style="width: 836px;" class="rich-text mt20">123</textarea>
</div>
</div>
</div>
</div>
<script>
var ue{{$k}}= UE.getEditor('cont_contents{{$k}}',{initialFrameHeight:200});
ue{{$k}}.ready(function() {
ue{{$k}}.execCommand('serverparam', '_token', '{{ csrf_token() }}');
});
</script>