ckeditor+ckfinder 如何添加上传按钮并实现上传普通文件

<script type="text/javascript" src="/lib/ckeditor/ckeditor.js"></script> <script type="text/javascript" src="/lib/ckfinder/ckfinder.js"></script> <form method="post"> <p> My Editor:<br /> <textarea name="contents"><p>这是测试数据</p></textarea> <script type="text/javascript"> CKEDITOR.replace( 'contents', {filebrowserBrowseUrl        : '/lib/ckfinder/ckfinder.html',filebrowserImageBrowseUrl   : '/lib/ckfinder/ckfinder.html?Type=Images',filebrowserFlashBrowseUrl   : '/lib/ckfinder/ckfinder.html?Type=Flash',   filebrowserUploadUrl        : '/lib/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',filebrowserImageUploadUrl   : '/lib/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',filebrowserFlashUploadUrl   : '/lib/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'}); </script> </p> <p> <input type="submit" /> </p>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/ai/1172">
                            <img src="https://img.php.cn/upload/ai_manual/000/000/000/175680100168511.png" alt="LibLib AI">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/ai/1172">LibLib AI</a>
                            <p>中国领先原创AI模型分享社区，拥有LibLib等于拥有了超多模型的模型库、免费的在线生图工具，不考虑配置的模型训练工具</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="LibLib AI">
                                <span>647</span>
                            </div>
                        </div>
                        <a href="/ai/1172" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="LibLib AI">
                        </a>
                    </div>
                 </form>