Как загрузить изображения с URL с tinyMCE - PullRequest
0 голосов
/ 15 января 2019

Я создаю блог, используя mongoose / express / mongodb. Когда я загружаю изображение с tinyMCE в свой блог и указываю источник, изображение не появляется в моем блоге. Альт появляется при осмотре, а источник - нет. Разрешение tinyMCE позволяет загружать изображения с URL или только локально? Если это позволяет, как я могу загрузить исходный код?

Код для создания маршрута

<div class="form-group">
                    <!-- use TINYMCE for textarea -->
                    <label for="blogContent">Blog Content</label>
                    <textarea class="form-control" name="blog[body]" id="editor" cols="30" rows="10" type="hidden"></textarea>
                </div>

<script>
    tinymce.init({
        selector: 'textarea',
        height: 500,
        menubar: false,
        plugins: [
            'advlist autolink lists link image charmap print preview anchor textcolor',
            'searchreplace visualblocks code fullscreen',
            'insertdatetime media table contextmenu paste code help wordcount'
        ],
        toolbar: 'insert | undo redo |  styleselect | bold italic backcolor  | alignleft aligncenter alignright | bullist numlist outdent indent | image link | removeformat | help',
    });
    </script>

Вот я, вписывающая фотографию локально

Вот местное фото, заселяемое в tinyMCE

Передняя часть блога без изображения

Здесь в базе данных mlab отсутствует атрибут src

1 Ответ

0 голосов
/ 15 января 2019

Возможно, вам потребуется настроить и обслуживать статические файлы. Взгляните на этот URL для получения дополнительной информации: https://expressjs.com/en/starter/static-files.html

Сначала создайте каталог с именем public в вашем корневом каталоге, затем используйте этот код в экспрессе:

app.use(express.static('public'))

Затем вы можете связать загруженные изображения с помощью:

http://localhost:3000/images/kitten.jpg

В вашем случае вам может потребоваться установить каталог вашей статической папки в том месте, где ее поместит tinyMCE. При этом я лично всегда помещал бы это в общий каталог просто по привычке.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...