laravel ckeditor上传图片

本文详细介绍了一种富文本编辑器的集成步骤,包括模板创建、资源文件引用、插件实例化、表单提交时的内容处理及PHP接口实现。通过这些步骤,可以有效地将富文本编辑器功能整合到现有系统中。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

“`

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值