미채택 완료

summernote

2017-04-19 (수) 10:16:34 4,786

에디터에서 이미지를 연속적으로 첨부하면 

사진들이 공백이 없이 다닥다닥 붙어서 첨부가 되잖아요.

공백대신 <br>을 주고 싶으면 

어떻게 해야되나요?

summernote 를 씁니다 ㅎ 

답변 5개 / 댓글 5개

2017-04-19 (수) 13:08:44

.summernote img{margin-bottom:10px;}

</br>보다 보기 나을거같아요.

원래 소스에  

$('#summernote').summernote('code', '<br>');  

이것만 넣어도 img가 2번 나온다고요?

다시 한번 해보세요. 아닐꺼에요 ㅠㅠ 

답변에 대한 댓글 1개

$(editor).summernote("insertImage", obj.save_url);
$('#summernote').summernote('code', '<br>');

이케 넣었어요 ㅠㅠ 안되요 ㅠㅠㅠ흐극
$('#summernote').summernote('insertImage', url, filename);

이 담에

$('#summernote').summernote('code', '<br>');

위 구문을 추가해보세요.
테스트는 안해봤는데. 이리하면 될 것 같네요.

답변에 대한 댓글 3개

이렇게 하니깐
<img src="~~~"><img src="~~~"><img src="~~~"><br>
이렇게 되요 ㅠㅋㅋㅋ
$('#summernote').summernote('insertImage', url, filename);

이것도 넣으셨어요?? 이건 위치를 알려드린건데..
이건 빼보세요.
네 ㅎㅎ
function sendFile(file, editor) {

data = new FormData();
data.append("SummernoteFile", file);
$.ajax({
data: data,
type: "POST",
url: "<?php echo $editor_url ?>/upload.php",
cache: false,
contentType: false,
processData: false,
success: function(data) {
var obj = JSON.parse(data);
if (obj.success) {
$(editor).summernote("insertImage", obj.save_url);
$('#summernote').summernote('insertImage', url, filename);
$('#summernote').summernote('code', '<br>');

요렇게 넣었습니다 ㅎ

맨처음에
$(editor).summernote("insertImage", obj.save_url); <- 원래있던 소스
$('#summernote').summernote('code', '<br>');

이렇게 했다가
$(editor).summernote("insertImage", obj.save_url);
$('#summernote').summernote('insertImage', url, filename);
$('#summernote').summernote('code', '<br>');
이렇게 했는데도 똑같네요 ㅠ

그냥 에디터 상에서 이미지 첨부하고 엔터 치시면 간단하지 않나요?

그리고 다시 첨부하고요.. 

답변에 대한 댓글 1개

그래도 되는데 몇몇분들이 ... 모바일에서 하기 어렵나봐요...
2017-04-19 (수) 10:29:27

간단히 class 추가하심되요.

.공통클래스이름 img {margin-bottom: 5px;}

답변을 작성하려면 로그인이 필요합니다.