content from content divide

Question

정말 간단한 WYSIWYG 텍스트 편집기를 만들려고합니다. 내가 허용하는 것은 텍스트와 이미지뿐입니다. 이 이미지는 FileReader를 사용하여 jquery로 div에 추가되고 img 요소에 이미지의 base64가 추가됩니다.

나는 이것을 데이터베이스에 게시하려고합니다. 어떻게해야할까요?

Laravel 4를 사용하고 있으며 양식은 이미 텍스트 입력을 사용할 때만 완벽하게 괜찮습니다 (ajax도 사용). 물론 이미지를 포함 할 수 없기 때문에 내용 편집 가능한 div로 바꿨습니다. 그래서 같은

마크 업 :

{{ Form::open(array('url' => 'createpostaction', 'class' => 'newupdateform')) }} 
    <div contentEditable="true" id="newupdate-text" class="form-control-addupdate"> 
     Add text and images... 
    </div> 
    {{ Form::submit('Post Update', array('class' => 'btn btn-primary submit-newupdate-btn')) }} 
    {{ Form::close() }} 

이것은 텍스트 영역이었다

{{ Form::textarea('newupdate-text', Input::old('newupdate-text'), array(
     'class' => 'form-control-addupdate', 
     'placeholder' => 'Add update here' 
    )) 
    }} 

그때 나는 단순히 텍스트 영역에 텍스트를 넣어 jQuery를 사용하는 것이 이미지를 사용하지 않은 경우,하지만 내가 원하는 게시 된 데이터에 텍스트와 img 태그를 그대로 포함시킵니다.

그런 다음 PHP에서 base64 이미지 등을 처리합니다.

어쨌든 이것이 가능하거나 다른 해결책을 찾아야합니다.

Answer 1

편집 가능한 div는 기본 양식 필드가 아니며 $ _POST 배열에 없습니다. $ ('# newupdate-text')와 같은 일부 jQuery를 사용하여 div 내용을 가져 오십시오.

$('.newupdateform').on('submit', function(e){ 
    e.preventDefault(); 
    $.ajax({ 
     url: $(this).attr('action'), 
     data: { 
      formContent: $(this).serialize(), 
      divContent: $('#newupdate-text').text() 
     } 
    }) 
});