Как вывести изображение с БД, использую Summernote?

Question

[Gristen]

Использую Summernote
Отправляю в обработчик содержимое textarea:

var sHTML = $('#summernote').summernote('code');
  var fd = new FormData(document.getElementById("testidform"));
 fd.append('content',sHTML);
$.ajax({
                method: "POST",
                processData: false,
                contentType: false,
                url: "../../app/controllers/posts.php",
                data:fd
            })
                .done(function( msg ) {

                   console.log(msg);

                    });

Все отправляется, получаю контент в php обработчике и записываю в БД. В БД есть данная запись:

<p>Hello Summernote&nbsp;<img style="width: 25%;" src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABI....

Далее вывожу на главное странице

В итоге некоторые изображение выводятся нормально, как нужно со всеми стилями от Summernote, а более крупные изображения не выводятся вообще. Вопрос, что делать? С base64 никогда не работал, в упор не пойму что не так.

Comments

[alexalexes]

Какой тип и размер поля в таблице базы данных под хранение подобного текста?

[Gristen]

alexalexes, Да , дело было в нехватке места :)
Вообще я не уверен что нужно так хранить картинки , но выбора у меня нет.

[alexalexes]

По-хорошему, на стороне клиента нужно иметь возможность отправлять файлы отдельно от сообщения. А на сервере сохранять в отдельное хранилище с указанием ссылок (или маркеров, где подставляются прикрепленные изображения) для получения файла внутри тегов сообщения.
Для редакторов текста нужно смотреть демо варианты, как обходили этот момент (если редактор способен корректировать в себе медиа вставки).

[Gristen]

alexalexes, Мне нужно как - то декодировать base64, т.к я хочу сохранять в БД путь до картинки и потом уже выводить их в нужном месте , но Summernote сохраняет картинку в base64 :(

Получается в бд такая запись :

[alexalexes]

Ищите "Summernote attach file" - есть пару решений как сделать отдельную отправку файлов. До отправки сообщения, можно сделать отдельное действие на отправку файла и получения ссылки на него при подстановке изображения.