Is there a way to create custom objects for TinyMCE?

I am trying to create a way to create custom objects for use inside TinyMCE and unfortunately was largely unsuccessful after reading their documentation and googling. It would seem that in order for the editor to handle existing objects such as images and divs, there must be a way to do this, but everything I've come up with so far is really unattractive to my understanding of how this function should be configured. The main example I'm trying to follow is to allow the user to insert bootstrap caret, but I haven't seen that yet. One of the methods I've played with is to just create a custom element and then TinyMCE will change it when it's time to save the changes, but again this really looks like the last route type.

I read that CKEditor has a class Widget

that sounds like what I'm looking for (as far as I understand, at least), but I hesitate to switch because TinyMCE has fixed the missing built-in function to resize images in webkit based browsers. The site I'm building will be primarily for photography, so manipulating images easily is a big selling point, although the CKEditors developer tools are much more attractive.

Does anyone have a little more TinyMCE experience than I can point me in a worthwhile direction? Whenever I search for keywords like "Widget" on google, I get TinyMCE related results as a widget for other apps. Thank.

+3


source to share





All Articles