Any example or suggestion for alloy editor with React (typescript)

[annopkdd]

I spent too long time to integrate Alloy editor with React in many ways ex. following by documentation, alloyeditor-react-component example, alloyeditor-react example and still not success.

Here is my steps.

1. installed via npm i alloyeditor (version "^2.11.2") and copy an alloy-editor folder into React public directory

2. add codes to public/index.html

3. using a AlloyEditor on src/App.tsx window.AlloyEditor.editable('myContentEditable');

and here is an error I got.

So anyone can guide me or give me an example about React with Alloy Editor I will appreciate that so much.

Version

• React 16.8.6

[comphonia]

Currently having the same issue. The core is separated from the UI doesn't help much if the integration is such a pain. The docs doesn't help much either, the examples seem to be for a dev that's just integrating react and this editor in one of many pages not for SPA react.

[duracell80]

Seriously consider looking at a different solution / other editor. AE isn't developer friendly, riddled with bugs and when you do get something working after many laborious days of trying ... The sofware itself is so badly conceived it won't do what you think it will.

The core is separated from the UI ... This was supposed to allow anyone to create their own UI. Don't even try, it's a very Liferay approach a layer cake house of cards that leads a fix to break 10 other things. Some of us are stuck with this thing, so if you're trying to use this for your own project CK Editor has its own floating bar UI so use that instead. Alloy offers literally no benefit over using CK on its own.

Badly documented, over engineered, not tested well, too heavy and based on an editor that itself has many issues.

There are so many missing features, features that don't work and even worse than that the basics aren't there, like clicking the blockquote feature will not style the text in the editor (largely due to the philosophy that the editor should not control styling at all which is just incorrect). The developers have literally misunderstood what features are needed and so many features are blocked or seen as getting in the way.

It's a badly executed, well intended waste of time that bogs you down.

[MURPHYENGINEERING]

Came looking for the React component example that isn't in the docs; thanks @duracell80 I'll check out CKEditor

[negati-ve]

In defense of alloy, the very nature of opensource is such that you have the code available to you. If you feel something is not right, you are free to fork fix and push !

[quemazote]

alloyeditor-react-component example

LGPL License