質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Django

DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

Apache

Apacheは、Apache HTTP Serverの略で、最も人気の高いWebサーバソフトウェアの一つです。安定性が高いオープンソースソフトウェアとして商用サイトから自宅サーバまで、多くのプラットフォーム向けに開発・配布されています。サーバーソフトウェアの不具合(NCSA httpd)を修正するパッチ(a patch)を集積、一つ独立したソフトウェアとして開発されました。

TinyMCE

TinyMCEとはプラットフォーム独立型であるウェブベースのJavaScript/HTML WYSIWYGエディターです。Moxiecode Systems ABによってLGPLライセンス下でオープンソース化されています。

Q&A

解決済

1回答

1748閲覧

ユーザーが任意の画像を挿入した記事を投稿できるシステムについて

switch0805

総合スコア25

Django

DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

Apache

Apacheは、Apache HTTP Serverの略で、最も人気の高いWebサーバソフトウェアの一つです。安定性が高いオープンソースソフトウェアとして商用サイトから自宅サーバまで、多くのプラットフォーム向けに開発・配布されています。サーバーソフトウェアの不具合(NCSA httpd)を修正するパッチ(a patch)を集積、一つ独立したソフトウェアとして開発されました。

TinyMCE

TinyMCEとはプラットフォーム独立型であるウェブベースのJavaScript/HTML WYSIWYGエディターです。Moxiecode Systems ABによってLGPLライセンス下でオープンソース化されています。

0グッド

0クリップ

投稿2018/10/06 04:15

環境

ArchLinux
Python 3.7
Django 2.1.1

実現したいこと

ユーザーが任意の画像を挿入した記事を投稿できるようなシステムを作りたいです(例えばここの記事投稿機能のような)。また画像の画質はあまり落としたくないため、投稿した画像は遅延読込できるようにもしたいです。記事全体でアップロードの制限サイズは設けるがあとは自由なイメージです。

自力でできたこと・できなかったところ

記事の編集にWYSIWYGエディタを用いることにして、そこで編集した内容をサーバーにPOSTしDBに蓄積するという流れで実装しようと思いました。

エディタはtinyMCEを採用することにしました。理由はDjango-tinymce4-liteというDjango用のプラグインがあったからです。その結果任意の画像を入れながら記事を投稿しアップロード制限も課すことはできました。

しかしbase64で画像を埋め込んでしまうため、遅延読込ができないことに気づきました。

質問

質問としては、

①私の実現したいことに対してこのアプローチで問題ないか
②もし問題がない場合base64は本当に遅延読み込みができないのか、もしできないのであればどういう手順で解決してみるのがよいか

です。

なにか不備等ございましたらお手数ですがコメントしていただけると幸いです。
以上よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

サーバーに画像をPOSTして解決しました

投稿2019/07/17 14:58

switch0805

総合スコア25

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問