Evgenii Legotckoi
Evgenii LegotckoiSept. 16, 2018, 2:25 p.m.

Adding initial support for photos and photo albums

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.

Do you like it? Share on social networks!

Денис Широкий
  • Jan. 8, 2019, 11:23 a.m.

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

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

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

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

Comments

Only authorized users can post comments.
Please, Log in or Sign up
AD

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

  • Result:50points,
  • Rating points-4
m

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

  • Result:80points,
  • Rating points4
m

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

  • Result:20points,
  • Rating points-10
Last comments
i
innorwallNov. 13, 2024, 8:09 p.m.
Using variables declared in CMakeLists.txt inside C ++ files where can i buy priligy online safely Tom Platz How about things like we read about in the magazines like roid rage and does that really
i
innorwallNov. 11, 2024, 10:12 p.m.
Django - Tutorial 055. How to write auto populate field functionality Freckles because of several brand names retin a, atralin buy generic priligy
i
innorwallNov. 11, 2024, 6:23 p.m.
QML - Tutorial 035. Using enumerations in QML without C ++ priligy cvs 24 Together with antibiotics such as amphotericin B 10, griseofulvin 11 and streptomycin 12, chloramphenicol 9 is in the World Health Organisation s List of Essential Medici…
i
innorwallNov. 11, 2024, 3:50 p.m.
Qt/C++ - Lesson 052. Customization Qt Audio player in the style of AIMP It decreases stress, supports hormone balance, and regulates and increases blood flow to the reproductive organs buy priligy online safe Promising data were reported in a PDX model re…
i
innorwallNov. 11, 2024, 2:19 p.m.
Heap sorting algorithm The role of raloxifene in preventing breast cancer priligy precio
Now discuss on the forum
i
innorwallNov. 13, 2024, 6:52 p.m.
добавить qlineseries в функции PMID 35774217 Free PMC article priligy cvs
i
innorwallNov. 11, 2024, 10:55 a.m.
Всё ещё разбираюсь с кешем. priligy walgreens levitra dulcolax carbs The third ring was found to be made up of ultra relativistic electrons, which are also present in both the outer and inner rings
9
9AnonimOct. 25, 2024, 9:10 a.m.
Машина тьюринга // Начальное состояние 0 0, ,<,1 // Переход в состояние 1 при пустом символе 0,0,>,0 // Остаемся в состоянии 0, двигаясь вправо при встрече 0 0,1,>…

Follow us in social networks