laravel ckeditor上传图片

来源：互联网发布：苹果6s连上wifi没网络编辑：程序博客网时间：2024/05/14 18:27

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文件上传成功后在前台显示的图片地址

“`

阅读全文

0 0