summernote
본문
에디터에서 이미지를 연속적으로 첨부하면
사진들이 공백이 없이 다닥다닥 붙어서 첨부가 되잖아요.
공백대신 <br>을 주고 싶으면
어떻게 해야되나요?
summernote 를 씁니다 ㅎ
답변 5
간단히 class 추가하심되요.
.공통클래스이름 img {margin-bottom: 5px;}
그냥 에디터 상에서 이미지 첨부하고 엔터 치시면 간단하지 않나요?
그리고 다시 첨부하고요..
그래도 되는데 몇몇분들이 ... 모바일에서 하기 어렵나봐요...
$('#summernote').summernote('insertImage', url, filename);
이 담에$('#summernote').summernote('code', '<br>');
위 구문을 추가해보세요.
테스트는 안해봤는데. 이리하면 될 것 같네요.
이렇게 하니깐
<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>');
이렇게 했는데도 똑같네요 ㅠ
원래 소스에
$('#summernote').summernote('code', '<br>');
이것만 넣어도 img가 2번 나온다고요?
다시 한번 해보세요. 아닐꺼에요 ㅠㅠ
$(editor).summernote("insertImage", obj.save_url);
$('#summernote').summernote('code', '<br>');
이케 넣었어요 ㅠㅠ 안되요 ㅠㅠㅠ흐극
.summernote img{margin-bottom:10px;}
</br>보다 보기 나을거같아요.