KindEditor画像アップロード経路URLの処理
1733 ワード
最近のプロジェクトでは、リッチテキストエディタとしてKindEditorを使ってテキスト編集処理を行っています.KindEditorはオープンソースのオンラインHTMLエディタであり、主にユーザーがウェブサイトで見たような編集効果を得るために使われています.開発者はKindEditorで伝統的なマルチラインテキスト入力ボックスを可視化されたリッチテキスト入力ボックスに置き換えることができます.公式サイトのアドレス:http://www.kindsoft.net/.
KindEditorは画像をアップロードできます.アップロードしたらすぐにテキストエディタで先ほどアップロードした写真を見られます.具体的な例はKindEditorをダウンロードした後、カバンの中にdemoがあります.参考にしてください.
KindEditorを使って画像をアップロードするには、画像アップロードのパスはユーザーが指定し、KindEditorはアップロードされた画像を展示する際に、一つのパスが必要です.このパスは処理ピクチャのJSPによって指定されています.
KindEditorは画像をアップロードできます.アップロードしたらすぐにテキストエディタで先ほどアップロードした写真を見られます.具体的な例はKindEditorをダウンロードした後、カバンの中にdemoがあります.参考にしてください.
KindEditorを使って画像をアップロードするには、画像アップロードのパスはユーザーが指定し、KindEditorはアップロードされた画像を展示する際に、一つのパスが必要です.このパスは処理ピクチャのJSPによって指定されています.
// KE,
JSONObject obj = new JSONObject();
obj.put("error", 0);
obj.put("url", saveUrl + newFileName);
out.println(obj.toJSONString());
これはJSONObjectのurlに置いて、KindEditor.jsは受け取って、urlを獲得してピクチャーsrc属性の処理として、具体的にkindditor.jsの中で:insertimage : function(url, title, width, height, border, align) {
title = _undef(title, '');
border = _undef(border, 0);
var html = '<img src="' + _escape(url) + '" data-ke-src="' + _escape(url) + '" ';
if (width) {
html += 'width="' + _escape(width) + '" ';
}
if (height) {
html += 'height="' + _escape(height) + '" ';
}
if (title) {
html += 'title="' + _escape(title) + '" ';
}
if (align) {
html += 'align="' + _escape(align) + '" ';
}
html += 'alt="' + _escape(title) + '" ';
html += '/>';
return this.inserthtml(html);
}
insertimageのfunctionパラメータurlは、画像を処理してアップロードするJSPにJSONObjectを入れるurlです.アップロードされた画像の属性を入庫前に処理する必要があれば、この関数を変更することで、プロパティを変更することができます.