Adding initial support for photos and photo albums

EVILEG, Развитие

The weekend was not in vain. For a couple of days, I managed to write enough functional support for uploading photos through the WYSIWYG website editor. What I would like to inform the users of the site in the form of an article.

Goals

By writing my own WYSIWYG editor, I am currently pursuing several goals.

  1. Ability to refuse third-party editors on the site. Until now, CKEditor was used.
  2. Also, the problem with CKEditor (except for the need for styling, which I did not want to do) was that JavaScript could not be moved around the page using JavaScript. Or rather it could be, but he just stopped working. In the self-written WYSIWYG, I do not have this problem.
  3. In order to take into account the information about the downloaded content, it was also necessary to organize control over the downloaded images in order to get a full possibility of the initial formation of users' albums with the further possibility of re-using images in other posts, articles, etc. based on the formed albums.
  4. Adding the possibility of inserting images into messages on the forum, comments, private messages, etc.

What was implemented

To load images, a dialog was prepared, which was called by clicking the image button in the editor toolbar.

In this dialog was added the ability to crop images, with which you can select only the part of the image necessary for uploading to the site.

Here is an example of loading and cropping an image through a dialog box. After downloading the image is added to a special photo album, called "Photos added to the content." And then they are added to the message or article.

At the moment there are no possibilities for editing albums and images, but you can already see what images users have added to the site. And also adds a link to the user's photo album so that you can go to the image from the message.

Editing of photo albums and messages will be added with further updates of the site. As well as the ability to select images from the download dialog.






We recommend hosting TIMEWEB
We recommend hosting TIMEWEB
Stable hosting, on which the social network EVILEG is located. For projects on Django we recommend VDS hosting.
Support the author Donate

Добрый день! В браузере Edge описанный функционал не работает. Обрезать и загрузить фотографию нельзя. Издержки кастомного WYSIWYG-редактора.

Добрый день. Спасибо за информацию, по возможности проверю проблему.

Ещё небольшая просьба, если, по-вашему мнению, чего-то не хватает на сайте или что-то работает не совсем корректно, то не стесняйтесь писать об этом в раздел идей и предложений .

Это трекер для фидбека и доработки сайта.

Comments

Only authorized users can post comments.
Please, Log in or Sign up
How to become an author?

Contribute to the evolution of the EVILEG community.

Learn how to become a site author.

Learn it
Donate

Good day, Dear Users!!!

I am Evgenii Legotckoi, developer of EVILEG. And it is my hobby project, which helps to learn programming another programmers and developers

If the site helped you, and you want also support the development of the site, than you can donate by following ways

PayPalYandex.Money
Timeweb

Let me recommend you the excellent hosting on which EVILEG is located.

For many years, Timeweb has been proving his stability.

For projects on Django I recommend VDS hosting

View Hosting Timeweb
June 6, 2020, 12:20 a.m.
Aleksej

C ++ - Test 004. Pointers, Arrays and Loops

  • Result:60points,
  • Rating points-1
June 6, 2020, 12:15 a.m.
Aleksej

C++ - Test 001. The first program and data types

  • Result:53points,
  • Rating points-4
V
June 5, 2020, 5:47 p.m.
Vladzo

C++ - Test 005. Structures and Classes

  • Result:83points,
  • Rating points4
Last comments
June 6, 2020, 12:20 p.m.
BL4CK R4BBIT

How to install and setting up Django JET

на Django >3+ работать не будет. Либо придется лезть внутрь и переопределять метод unicode . Либо писать декоратор
June 5, 2020, 11:52 a.m.
progammist

Распознавание изображений на Python с помощью TensorFlow и Keras

Огромное спасибо за метериал, по-больше бы подобных статей (с подробным описанием работы и примерами применения) на тему современных технологий. Вопрос поразмышлять. На текущий момент реал…
June 5, 2020, 2:39 a.m.
Evgenij Legotskoj

Qt/C++ - Tutorial 091. How to write a custom delegate controlling the highlighting of a row in a table

По-моему, смысла в этом нет особого. Если делегат будет игнорировать настройки таблицы, то это приведёт ещё к большему непониманию, что вообще происходит, для программиста, который после вас буд…
June 5, 2020, 2:34 a.m.
IscanderChe

Qt/C++ - Tutorial 091. How to write a custom delegate controlling the highlighting of a row in a table

Сижу, размышляю: можно ли переписать делегата так, чтобы независимо от настроек строк выделялись строки?
Now discuss on the forum
u
June 6, 2020, 8:26 a.m.
ubomj

Галерея изображений

delete
s
June 6, 2020, 2:54 a.m.
shuric

Qt/C++ Определение положения курсора над действие(кнопкой) в QToolBar

Доброго дня. Возник вопрос - как можно определить что курсор находится над определенным действием(кнопкой) в qtoolbar ? mainwindow.cpp MainWindow::MainWi…
s
June 6, 2020, 1:45 a.m.
shuric

Qt/C++ особенности QProxyStyle

Да, Вы правы. Код был скопирован с сайта (уже не помню с какого), но решил пойти по пути более легком. Пришлось переписать - кому интересно: использовал stackedWidget для пе…
June 6, 2020, 12:08 a.m.
Aleksej

Посоветуйте новичку (базы данных и Qt, что учить)

Блин, а я недавно купил Шлее Qt 5.10 :( С детства хотел стать программистом, баловался Паскалем, писал простенькие программки на Delphi, создавал движок на php, изучал C (забросил и перешел на п…
June 5, 2020, 2:09 p.m.
IscanderChe

QPlainTextEdit настройка цвета фона

Вечер добрый. Пытаюсь настроить цвет фона QPlainTextEdit следующим образом: CodeEditor::CodeEditor(QWidget *parent) : QPlainTextEdit(parent){ ... QPalette::ColorRole role = bac…
About
Services
© EVILEG 2015-2020
Recommend hosting TIMEWEB