Plone TinyMCE themed preview - tinymce

is there a "healthy" way to make the TinyMCE-Preview-Button work with plone.app.theming?
Content could be in different workflow_states (private, visible, ...)
For example:
Work on content (http://edit.example.com) -> click TinyMCE Preview-Button -> Live-Preview with themed site (http://www.example.com/)
thanks for suggestions

I'm not sure the question is relevant.
You mix plone.app.theming and multi domains theming.
Plone is not multidomain theming friendly and will not be.
And even if it was (let say throw an addon) you have to build your own tinymce plugin to do that because tinymce is not itself a multidomains tool.
So you will have to build a specific plugin to achieve this.

Related

How to enable TextColor & FontSize selection option in WYSIWYG editor for web content in liferay DXP

I am having a html field in web content in liferay 7. i am using liferay default WYSIWYG editor. I want to allow user to change the text color and background.
Let me know if anyone has idea to achieve this.
Thanks
The default inline editor is the AlloyEditor. The dev documentation can be found here https://alloyeditor.com/docs/develop/. There are examples of how to add new control elements.
Another possibility is to switch Liferay to use the old CK editor that was in the previous versions.
I found the configuration to enable the old CKEditor in liferay 7, This might help someone so i am answering my own question. Add below properties in portal-properties file and restart the server.
editor.wysiwyg.default=ckeditor
editor.wysiwyg.portal-impl.portlet.ddm.text_html.ftl=ckeditor

Plugin for adding content to blog post

I'm implementing a blog in my website and i'm looking for a plugin that will allow the users to style their posts. Like the bar here in stack overflow that lets me add images, links and such...
I'm not looking to integrate wordpress. I already have the blog engine implemented, and I'm just looking for this kind of plugin.
Anyone know about one?
Many thanks!
Uri
What you're looking for is a WYSIWYG editor that is embedable in your backend.
WYSIWYG is an acronym for "What You See Is What You Get". In computing, a WYSIWYG editor is a system in which content (text and graphics) displayed onscreen during editing appears in a form closely corresponding to its appearance when printed or displayed as a finished product, which might be a printed document, web page, or slide presentation.
This way you can adapt a textarea to make it something like the editor you have on SO.
Try googling "embedable WYSIWYG editor": http://tinyurl.com/nd3to4c
You'll find tons of javascript plugins that give you these features.

Using TinyMCE Advanced with plugin's textarea - Wordpress

I'm developing a custom plugin in Wordpress. I also have the TinyMCE Advanced Wordpress plugin activated and working.
I created a normal HTML textarea, and converted it into a TinyMCE WYSIWYG editor, using the class="theEditor" attribute. The problem is, it's Wordpress' own TinyMCE implementation, and NOT the TinyMCE Advanced plugin's implementation, which means I miss out on all its features, including the (most important for my purposes) "stop removing <p> and <br> tags" option.
How do I make the textarea trigger TinyMCE Advanced?
You should have a look at these two articles:
http://allcreatives.net/2011/02/02/using-the-native-wordpress-tinymce-wysiwyg-editor-with-your-custom-post-meta-textareas/
http://www.keighl.com/2010/01/tinymce-in-wordpress-plugins/
And check the the_editor (/wp-includes/general-template.php -> line 1771) and the wp_tiny_mce (/wp-admin/includes/post.php -> line 1377) functions too.
Updated the links
These links are dead, but can be reached in the internet archive here:
allcreative.net page
keighl.com page

tinymce dijit.editor

I have been using tinyMCE over dojo dijit.editor because tinyMCE wins out on functionality. Though I've just come across this: http://phphtmledit.com/dojo/ShowEditor.php?gclid=CPizxJzR3qQCFQpBbgodFidd9A
which, if I'm reading it correctly, claims to be a dojo editor but has all the functionality of tinyMCE.
So my question: are there more dijit.editor plugins out there? So far I've found these: http://docs.dojocampus.org/dojox/editor/plugins
http://docs.dojocampus.org/dijit/_editor/plugins
In particular, is there an image inserter plugin for dijit.editor?
There is an image uploading / inserting plugin - dojox.editor.plugins.UploadImage
The demo behind your link looks like a demo of the http://cutesoft.net/ WYSIWYG editor. (Found the link in the HTML source) You can always mail cutesoft and ask them if they build their editor on top of dojo...
As far as I know all the editor stuff in dojo is documented behind the links you already found and you can of course always write your own plugin.

Any WYSIWYGs that use contentEditable rather than an iframe?

I am looking for a list of WYSIWYG editors that use contentEditable rather than a designMode iframe.
The reason I want this is that I want to have a few regions (divs) on my site that users can edit, and I want the styling (fonts, font colors, etc). to look the same in the edit area as it normally does. I don't want to have to apply a stylesheet to the WYSIWYG's iframe.
Anyone know of any light-weight, free/open-source ones?
It's not free but I personally feel that the Telerik RadEditor is hands down the best WYSIWYG around.
It's not free
It's .NET only
It allows you to style the editor to match your site exactly
It has some great asset management tools
It's super easy to configure.
Also if you can get away with a little less "fancy" I'd say that WMD is an awesome WYSIWY***M*** editor, and can be used across multiple development languages (It's what StackOverflow uses here on this site).
New ckeditor v4 beta has support for content-editable. http://ckeditor.com/ckeditor-4-beta
Looks like NicEdit uses contentEditable. YAY! THIS MAY WORK!
Another few to throw in there, although I've never used any of them in production so can't vouch for them:
Aloha Editor
wysihtml5
Raptor Editor