百度编辑器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);
		});
	});
});
关键词: UEditor