1.模板
<div class="form-group">
<label for="content" class="col-sm-2 control-label">文章内容</label>
<div class="col-sm-6">
<textarea name="content" id="content"></textarea>
</div>
</div>
2.引入相关资源文件
<script src="/plugin/ckeditor/ckeditor.js"></script>
<script src="/plugin/ckeditor/config.js"></script>
<script src="/plugin/ckeditor/lang/zh-cn.js"></script>
3.实例化插件
$(function () {
CKEDITOR.replace('content', {
height: 450,
filebrowserUploadUrl: '{{url('ckEditor/upload')}}?_token={{csrf_token()}}',
});
4.提交表单时将xheditor的内容复制给textarea
var content = CKEDITOR.instances.content.getData();
$('#content').val(content);
5.PHP接口
if(上传成功) {
$callback = $_REQUEST["CKEditorFuncNum"];
echo "<script type='text/javascript'>window.parent.CKEDITOR.tools.callFunction($callback,'".$previewName."','');</script>";
// $previewName文件上传成功后在前台显示的图片地址
“`