百度编辑器UEditor单独调用附件上传功能组件的代码
UEditor编辑器有上传附件的组件,如果网站有使用UEditor编辑器,又想在编辑器窗口外单独调用UEditor的上传附件功能,可以参考下面的代码。
HTML代码
<div class="uploadfile"> <input name="file" id="file" type="text" class="uplod_file" value="" /> <span class="btn">上传附件</span> </div>
引用UEditor编辑器相关文件
<!-- 配置文件 --> <script src="ueditor.config.js"></script> <!-- 编辑器源码文件 --> <script src="ueditor.all.js"></script>
添加自定义代码
var tddx = document.createElement('script'); $(tddx).attr('type','text/plain').attr('id','tddx_editor'); $('body').append(tddx); _editor = UE.getEditor('tddx_editor'); _editor.ready(function () { _editor.hide(); $('.uploadfile .btn').click(function(){ object = $(this).parent().find('.uplod_file'); _editor.getDialog("attachment").open(); _editor.addListener('beforeinsertfile', function (t, arg) { object.attr("value", arg[0].url); }); }); });