Изображение не отображается в редакторе Summernote из базы данных - PullRequest
0 голосов
/ 19 апреля 2020

Я использую редактор Summernote для добавления текста в мою базу данных. Я могу добавить изображения и добавить атрибутивный текст, т.е. полужирный, itali c et c. Все отлично работает, но есть одна проблема. Когда я добавляю изображение и позже пытаюсь отредактировать этот документ, он показывает мне строку base64 вместо реального изображения.

Вот что я вижу

<p>test</p><p><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAagAAABMCAYAAAA4ECPgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozNzBBQjE5RTc0MzcxMUU5QUQ0NEMzOUVDREE4NEVCMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NTM5NkJGMzc5OUExMUU5ODYzQ0RENzY0NjA4RTFEQSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NTM5NkJGMjc5OUExMUU5ODYzQ0RENzY0NjA4RTFEQSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjdlZmEzNDBiLTMyZjAtNDllMS04NzRmLTE0ZjM5M2YxOTZlZCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmVhMjQzMTVjLWJkOGUtMTE3Yy1hNjExLThk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" data-filename="apple signin black.png" style="width: 424px;"><br></p>

Вот код, к которому я написал установите текст в редакторе.

$("#{{$item->id}}").summernote("code", "@if($item->document_desc != null){{ base64_decode($item->document_desc) }} @endif");

Это проблема. Я надеюсь, что вы, ребята, можете помочь мне решить эту проблему. Я застрял с этой проблемой в течение долгого времени.

...