Java+ユーティリティ
13180 ワード
/static/ueditorに置いて、静的リソースアクセス経路を設定することに注意してください.内部のファイルに正常にアクセスできるようにします.例えば、http://localhost/static/ueditor/ueditor.config.js.script:
<script id="ueditor" name="introduction" type="text/plain">script>
<script type="text/javascript" th:src="@{/static/ueditor/ueditor.config.js}">script>
<script type="text/javascript" th:src="@{/static/ueditor/ueditor.all.js}">script>
<script th:inline="javascript">
$(document).ready(function () {
// UEditor
var ue = UE.getEditor('ueditor');
// ，
ue.ready(function () {
//
ue.setContent([[${book?.introduction}]]);
});
})
script>
Uditorの画像のアップロードは二つのステップを経ます.
action=configを携帯する必要があり、サーバが設定ファイルueditor /jsp/config.jsonに戻ることができ、もしアクセスできなければ、ピクチャアップロードができない.action= を携帯して、指定されたフォーマットのコールバックを受信すると、エディタにアップロードされた画像が正常に表示されます.ueditor.config.jsのserverUrl変数は、以下のように設定できます.window.UEDITOR_CONFIG = {
//
serverUrl: "/upload"
// ...
}
ueditor /jsp/config.jsonのキー構成は以下の通りである.{
"imageActionName": "upload", /* action ， action=xxx */
"imageFieldName": "file", /* */
}
@Controller
public class UploadController {
@GetMapping("/upload")
public String upload(@RequestParam(required = false) String action) {
return "redirect:/static/ueditor/jsp/config.json";
}
@PostMapping("/upload")
@ResponseBody
public UEditorResult upload(@RequestParam(required = false) String action, MultipartFile file, HttpServletRequest request) {
if (file == null || file.getSize() <= 0) {
final UEditorResult uEditorResult = new UEditorResult();
uEditorResult.setState("error");
return uEditorResult;
}
// ， UEditorResult
return UploadUtil.uploadFile(request, file);
}
}
UEditorResultは、自分のパッケージのクラスであり、ユーザ機器のリターンフィールドを含み、公式仕様はフォーマットに戻る.{
"state": "SUCCESS",
"url": "upload/demo.jpg",
"title": "demo.jpg",
"original": "demo.jpg"
}
自分でカプセル化した
UEditorResultは以下の通りである.public class UEditorResult {
/**
*
*/
private String state;
/**
*
*/
private String original;
/**
*
*/
private String title;
/**
*
*/
private String url;
}