drag/drop modules HTML5 WYSIWYG editor?

E

envo

Expert Member
Joined
Jan 14, 2014
Messages
3,265
Reaction score
437
Hi guys

There's loads of WYSIWYG editors out there, I want to compliment a client's custom CMS they have with a nice editor.

I found https://www.raptor-editor.com which seems quite cool, but was wondering if there is any out there that allows us to setup a "block" of content (preformatted) that they can just drag and drop onto a page, save the page, and bingo bongo, a nicely formatted page. Almost how snippets/partial views they can just put on the page. Wordpress has it as well.

Any open source (paid for is ok) ones you guys can suggest?

Thanks!
 
Yea I know re: Wordpress, it's just my client is running their own custom CMS and they're not about to change after the significant investment they made with it. Could've been done in Wordpress, but I wasn't there to make that decision for them :)

I'm just here to help make it work nicer. I did look at odoo but there's no real separation that functionality from the rest of their offering. But yes, the keywords are being able to drag / drop widgets or pre-setup pieces of html code. One thing I found that might work is http://innovastudio.com/content-builder.aspx however the drag / drop can't drop within content, only above and beneath already existing content
 
Will the content that you're dragging over be hard coded? In other words, will you allow them to edit any properties? Or will it always be the same content that gets dragged over?

If it's hard coded, why don't you just style a div to look like a widget, and then set the drag-data to what you want the content to be? Then on drop, just set the elements html to be the drag data.
 
The elements will be set up (and editable in another part of the CMS), then dragged/dropped where they want to see it. They use Smarty for their templating, so I quite like innovastudio.com's solution, however as I pointed out, it doesn't seem to allow dropping an element within another element. Might be workable like that.

If there are any other open source alternatives, I'd rather go there, because it seems they heavily obfuscate their code, and I like having the source to properly diagnose or add on to a solution
 
I've seen CKEditor in action and it is really easy to plug in and has a relatively full featureset.
 
The drag and drop editor: It's much smoother than other systems i have used Mercury is a full featured HTML5 editor. It was built from Only applied to image tags, it results in the image being drag-and-drop replaceable. Great for images.Redactor's signature drag and drop feature just got even better.Redactor is favorite Rich Text Editor for thousands of developers from all around the world.Angular directives for sorting nested lists using the HTML5 Drag & Drop API.The directives can also be nested to bring drag & drop to your WYSIWYG editor, your tree, or whatever fancy Upload files using HTML5 drag and drop from local file manager.It also has 112 drag and drop buttons which you can place anywhere.


.....................................
wordpress bootstrap themes
 
You must log in or register to reply here.
Back
Top
Sign up to the MyBroadband newsletter
X