It is necessary to replace the visual wysiwyg editor tinymce with another one.

Javascript and Typescript — incorrectly specified categories?

Project translated automatically. Log in or register, to view the original

Hello. The extension that is needed to work adequately in the visual block is the floating button deepl. The extension button is glitching in the visual editor. The problem is that it is such an old editor based on the Tiny library, although in the new version this button also flickers. It disappears every 2-3 seconds. I found the block that I wanted to add. I was told that replacing my functionality is both simple and not simple. In short. The code is written in Js. But! In a vanilla way. And the version of the editor that I found and in which the extension button works fine, does not flicker. It is on node.js reactor. And in order for it to work on my js, in my local program, it needs to be wrapped in something. This is called a wrapper. But at the same time, there should be a transfer of data from the left block that changes to the right block where the Html markup is. Everything is currently working like this for me.

My local program. This is what it is about, in the browser it loads a page like: http://127.0.0.1:8000/VisualizationTranslation.html
In short, looking at the screenshot and the code in the archive, you will understand more.

I NEED SOMETHING LIKE THIS. It suits me completely. But the problem that may arise, I wrote above. That there may be some conflicts between my functions that I have written in js.
https://www.slatejs.org/examples/richtext

There are simpler options. Like:
https://trix-editor.org/
https://github.com/basecamp/trix
Such code was set up for me in 10 minutes. But! Here the visual block is terrible. It even makes simple paragraphs not <p> but <br> in short, it has its downsides.

Another one that works fine is:
ckeditor.com
But it is paid. After loading every 1000 blocks per month. You will have to pay. Which is complete nonsense.

There are many free solutions. But the most adequate I wrote what it does:

In my block. Everything is simple. It works. Html, Css, and Js. In the browser, there is a button to select a file. And upload. It uploads everything from the excel file. The program itself is written in python but that is probably not important, because that is already backend. I do not need any cool functionality in these blocks. I will show how mine looks in the screenshot. In one block, in the left shadow, it visually shows the article, reading its html code markup from the right block. The right block reads everything using codemirror. All changes that occur in the left block are transmitted to the right. And in the opposite direction.
CODE! I SEND TO PERSONAL MESSAGES TO THOSE WHO WRITE WHO AT LEAST UNDERSTANDS WHAT I AM TALKING ABOUT. WHO HAS EXPERIENCE WITH SUCH. HAS DONE SIMILAR. And I will even look at your profile.