Baidu ueditor エディタには独立した画像アップロード機能があります
- WBOYオリジナル
- 2016-09-23 03:29:571739ブラウズ
Baidu エディターの画像アップロード機能を分離し、いくつかの特殊な画像アップロード機能に適しています<textarea id="j_ueditorupload" name="image_textarea" ></textarea> <br>
<script src="__ADDONROOT__/Public/ueditor/ueditor.config.js"></script> <br>
<script src="__ADDONROOT__/Public/ueditor/ueditor.all.min.js"></script><br>
<script type="text/javascript" charset="utf-8" src="__ADDONROOT__/Public/ueditor/lang/zh-cn/zh-cn.js"></script><br>
<スクリプト><br>
//自定义请求地址<br>
UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;<br>
UE.Editor.prototype.getActionUrl = 関数(アクション) {<br>
if (action == 'uploadimage') { //上传图片<br>
return "{:Addons_url('マテリアルニュー://マテリアルニュー/アップロード')}";<br>
} else if(action == 'config') { //追加配置<br>
//return this._bkGetActionUrl.call(this, action);<br>
return "{:Addons_url('マテリアルニュー://マテリアルニュー/uploadconfig')}";<br>
<br>
}<br>
} <br>
//自定义请求地址结束<br>
var UE_editor=UE.getEditor('j_ueditorupload');<br>
UE_editor.ready(function () {<br>
//設置编辑器使用不可<br>
//_editor.setDisabled(); この地方要注意 必ず要シールド<br>
// 隐藏辑器、この例には使用されないため、蚐藏<br>
UE_editor.hide(); <br>
//侦听写真上传<br>
UE_editor .addListener('beforeinsertimage', function (t, arg) { <br>
// 対応する入力に基づいて、最初の写真の経路だけを参照します <br>
var imgs;<br>
for(var a in arg){<br>
imgs +=arg[a].src+',';<br>
} <br>
console.log(arg);<br>
$("#cover_id_p_cover").attr("value", arg[0].src);<br>
//写真预览<br>
$(".upload-pre-item2 img").attr("src", arg[0].src); <br>
$('.editing .main_img img').attr('src',arg[0].src);<br>$('.editing').find('textarea[name="cover_id"]').val(arg[0].src);<br>
})<br>
});<br>
//画像アップロードダイアログボックスが表示されます<br>
$(".upload-img-box").click(function(){<br>
var myImage = UE_editor.getDialog("insertimage");<br>
myImage.open();<br>
});</script><br>