What is the most advanced wysiwyg editor?

Question

JavaScript

Good afternoon!
Who faced - prompt. Need an editor for product cards. wysiwyg editor. But not as simple as CKeditor, but something more advanced. An editor in which one could select and load product card templates. Move blocks. (move). Change background. Write captions on photos. Edit blocks (border color, background color, corner radius).
Site builders have the necessary functionality, but these are services, and I need to embed them on my site.
Preferably opensource.
Who met - tell me!
Thanks in advance!

Answer 1

What you described is CMS functionality, not squealing.

Answer 2

imperavi-editor

Answer 3

customized ckeditor or tinymce you need

Answer 4

Dark desire. I would advise you not to want this.
I understand that I want to create a la landing right under the product, but ..
A modern workflow of a complex and colorful page layout consists of several stages:
1. Make up for it in Photoshop (Sketch, Illustrator, etc). In such a relactor, the cost of changing the color / font / block position is low. At this stage it is easy to compose the page, it is easy to layer lighting effects and see the result. Therefore, SerzN1's advice is quite appropriate.
Converting an image to markup+css is already a mechanical job.
2. Program so that the layout can be displayed with different products, different properties. This task is usually solved by cms.
3. In the wysiwyg editor, fill in the description of one product, another, the twentieth. At this stage, it is usually important to focus on the text, the content.
Therefore, you have two extremes:
- If the products are already very unique, require precise solutions - then forget about steps 2 and 3 and cms like a bad dream. Draw landing pages, layout html for each product. And you will not know grief.
- If the products are templates, but the template is special and beautiful, then you have cms with simple inputs, without a wysiwyg editor at all. And just fill in the fields for each product, and the system itself will "...Move the blocks. (move). Change the background. Make inscriptions on the photo."
Exactly what you want, the guys from Microsoft managed to do in the face of Word. Yes Yes. And while it's still a big deal, he does a pretty good job of being a wysiwyg overall. It is saved only by the fact that when it prints, it does not matter the amount of meta-information in the file. And for the web with its current state, this is very critical.
Therefore, I propose to look for a solution when ckeditor is too technologically advanced.

Answer 5

Adobe Dreamweaver. You won't find anything better for your task. It doesn’t fit into the site, it’s not open source, but it fits the rest of the description =)
In general, if there is such a thing somewhere, it should be closed and expensive.

Answer 6

www.getmotopress.com/plugins/content-editor
hold, for wordpressa

Answer 7

I know exactly which editor you want!
It 's Photoshop ! The picture can then be inserted anywhere!

Answer 8

CKEditor allows you to load your templates and your css. Therefore, it is really possible to create the functionality you need in it. But all this will be too inconvenient. It was written above that most of the tasks are the work of the CMS. This is how I implemented it in my CMS, the engine generates markup, and each block has its own instance of CKEditor. Also not very convenient, but other options are worse.

Answer 9

Finding a good wysiwyg is not an easy task. In your case, you still have to partially separate the functionality into a CMS and an editor.
There is a very good project substance.io . While young, but philosophy and architecture are what you need for complex layout. Due to modularity, you can make any of your options.
Of the popular ones, only CKeditor with its widgets will suit you.
If you want to completely make everything for yourself from scratch, then you can look at Guardian's scribe , which is more of a platform than an editor.
From my own experience, I’ll say that Redactor from the empire with any a la widget functionality is a bit hellish.

Answer 10

We use https://n1ed.com
on our project. It is a very powerful thing, and at the same time fast. Does exactly what is described in your requirements. If something is missing, then you can write your own plugin for it.