There are many WYSIWYG Editors out there, but some are very old and the dev experience is quite bad. Some are headless with many plugins and need a lot of time to tune them to your liking.
I am looking for a very simple WYSIWYG Editor, if possible just an import and then specify an id. What are your goto WYSIWYG Editors?
Edit: Sorry I was not clear enough. I am not looking for a Website Builder, I am looking for an Editor where a User can write something like a Blog Post.
I have found several. Like ProseMirror, Slate, DraftJs, Quill, EditorJS, TinyMCE, TipTap etc.
I still use TinyMCE but wonder if I can just use LLms to make simple editor for me
Videos
I am looking for an online WYSIWYG HTML Editor. A few of the editors that have interested me strictly because of their design were TextBox.io and Froala. Even though $90 isn't terrible, these cost money. I am wondering if there are any free WYSIWYG Editors that are designed and coded at a high quality mostly for the fact that I want to release the CMS I am building for my personal website under MIT license, and I can't do that if it is using a lot of commercial software.
Does anything exist that's basically like Notion or Anytype's WYSIWYG page/text editor where you can make a very simple and minimalist page of text, move blocks of text around if needed, and be able to output it all to simple html? Not looking for anything like database/property/tag management, just the super bare-bones rich text + block style editor really, just with html output. Notion kinda does what I'm looking for but seeking something that can function offline. Anytype comes close but doesn't export to html.
I tried DW but it is a bit too much. Is there any good browser-based one? Is there any lightweight one?
Hi All,
I've looked into TinyMCE, Draft.js, react-quill, slate-react, CKEditor but it seems like a majority of these libraries sanatize the html and strip it of inline style attributes, classes, and style blocks. Can anyone recommend a solid rich text editor that doesnt strip out all of css?
I'm just looking for a basic editor that I can paste copied HTML so the backend can run some transforms on it.
So far, every editor I've tried absolutely destroys the HTML, removing attributes and even elements. In some cases, even altering table structures.
Is there a basic javscript-based HTML editor that isn't opinionated?
Looking for a simple WYSIWYG editor for basic HTML/CSS editing. Don't need any advanced features like IDE support, MathML, SVG editing or FTP site management. Necessities are open source license and W3C standards compliance.
Any suggestions?
I'm a bit frustrated right now. I had a horrible experience with TinyMCE, Quill, and Froala. CKEditor was the least problematic, but unfortunately it asks for a license when I try to include a video button.
Are there any other suggestions you guys think are worth trying?
Edit: Thanks for all the suggestions, really appreciate them. I'm trying Jodit at the moment and it's going pretty well. I think I'll stick with this one as long as no problems come up.
A friend asked me to do his website. I used to do websites for bands and such back in the day.
I used DreamWeaver 2 years ago when I was making sites and loved it. I am looking for a suitable editor that I can do WYSIWYG editing with and has easy access to back end stuff.
I was hoping for a good free or open source solution.
Any suggestions would be appreciated.
So I'm relatively new to web development and pretty much a new-born when we're talking about front-end web development but I've programming consistently for 12 years now. Most of my experience has been Windows Forms applications and video games. I've come to find out that being able to use WYSIWYG tools such as Visual Studio might actually be a privilege that Windows app developers enjoy that web developers don't? Am I wrong about this or, if I'm not, what's the deal? Am I just ignorant or are there really no high-level WYSIWYG editors like Visual Studio for HTML/CSS?
Hi, I hope this is an appropriate question for this sub. I am looking for some advice on how best to tackle a product problem we have. Our product allows users to upload their own simple HTML page and integrate our widget with some javascript.
This is fine for those users that can write HTML or have a UI developer to do that, but we have another set of users that are asking for the ability to create a page using drag and drop functionality and simple text editing. I instantly thought to go for a WYSIWYG editor but I've tried a bunch of options and they all have the same limitation which is that I can't seem to do much in the way of styling. I'd have thought it would be somewhat simple for these tools to create a background image, overlay some banner and company logo on the top, and maybe some company slogan etc. over the banner but instead all the images just push each other out of the way (like trying to paste images into Word for example) and none of the documentation says if this can be resolved.
-
TinyMCE
-
Froala
-
CKeditor
-
Quill
-
Editor.js
I'm wondering if there's an elegant solution to this outside of simply providing our own templates? Any advice would be most welcome.
I'm basically looking for something with a lot of templates that is really user friendly. I won't kid you guys, I'm a bit of an idiot and need a recommendation for something really user friendly. Suggestions?
I am building an email sending service. The app should allow users to edit email content on browser, and send back the final email html to backend for sending. I want it to be WYSIWYG on frontend. Any good react component that can fulfill this work?
Which WYSIWYG Editor is best for Next JS and Tailwind (Free)
-
TipTap
-
CKEditor
-
TinyMCE
-
or anything else
Edit: Thinking about TipTap and Plate.js, Will try Platejs first.
Here is the text edtior I have for now, snap: https://imgur.com/ANWN16v
I want to keep these cools wysiwyg editors like tinymce or ckeditor. But the thing is they are for API, not fully open source. Really hard to write plugin or modify.
Do you guys have any suggestion? Other than these, fully open source.
I have tried editorjs but that's block editor. I am looking for something out of the box solution, so that I can add my plugin or extension easily.
I'm not much of web developer my self, but I taught myself some HTML/CSS/JS a while back in the late 2000s early 2010s before I moved on to desktop and game development and I haven't looked back ever since.
That is until now, I got enticed by the myriad of job offers on web development so I'm trying to relearn some stuff while also getting to know new tech to enrich my portfolio and I'm following a fullstack specialization on coursera.
The thing is I expected Web Dev to become alot easier after all those years, but I saw that it got even harder with all those JS frameworks and libraries that are supposed to help like Bootstrap for a simple alert you write 15/20 lines, a simple styled About Us page has quickly surpassed 200+ lines of repetitive divs and confusing class text spaghetti.
You can write complicated shader effects and character control scripts in much less in Unity for example.
I remember there to be many HTML Wysiwyg editors like WebFrom Designer and Dreamweaver that helped to alleviated the then much simpler task of writing plain HTML/CSS, they were all the vibe and they seemed to be the future? I'm not talking about Wix or Wordpress but actual development tools with split code / design views.
What happened to all these? Why isn't web development much easier and more visual component based like say XAML or WPF or QML etc. instead people copy/paste boilerplate everywhere.
How do you manage the ever increasing complexity of web development with basic text editors with nothing more than primitive intellisense and bracket closing?
Dreamweaver didn't help anyone. It produced god awful html and CSS. You can't say you were a web developer and use Dreamweaver to do it. They're mutually exclusive. Christ, we used programmers file editor to build sites or allaire homesite. Those were the tools we used back then. I've never, in 20 years, used a WYSIWYG editor to build a website.
Because the WYSIYYG editors can reallisticly work only in HTML + CSS setup. If you actually add any programming language (JS, PHP) it becomes impossible, especially with the arrival of front-end frameworks where the visual and "logic" layer is mixed.
You could still use Dreamviewer or something similar, but it would lose any usefulness if you actually did any programming with it apart from markup, styling.
Can you guys recommend a good WYSIWYG HTML editor that is really extensible? I need an editor that is a solid foundation for additional features I'm going to implement.
I'm looking for an editor that has extensive API or plugin framework.
Some features editor should handle or have to be able to implement myself:
-
File uploading and file picker
-
Handle formatted text pasted from Word
-
Have to be able to "import" external HTML markup blocks
-
Resizing tables and images
-
Good drag and drop API, stuff in and out from the editor :)
If you have any experiences where you have pushed an editor to the limit in some of your project and succeeded, I'd be really interested to hear your experiences and recommendations.
Thanks!