TinyMCE styles in HTML

106 views
Skip to first unread message

Andreas Jung

unread,
Apr 19, 2013, 3:19:15 AM4/19/13
to ko...@googlegroups.com
Hi,

content authored using RichtTextWidget (aka TinyMCE) contains CSS style attributes.
Is there some Kotti configuration to avoid is or to filter out the styles?

Andreas

Andreas Kaiser

unread,
Apr 19, 2013, 5:27:13 AM4/19/13
to ko...@googlegroups.com

On 19.04.2013, at 09:19, Andreas Jung <zopyx...@gmail.com> wrote:

> content authored using RichtTextWidget (aka TinyMCE) contains CSS style attributes.
> Is there some Kotti configuration to avoid is or to filter out the styles?

No, unfortunately this isn't configurable in Kotti yet.

This area definitively needs some more attention. I'd like to have a
WYSIWYG Editor (not necessarily TinyMCE), that

- produces sane HTML
- looks more "bootstrapish"
- provides some Bootstrap styles/classes and templates
(e.g. row / column, well, etc.)

That said, as I don't use WYSIWYG editors myself, this is not very high
on my personal todo list.


Andreas

Christian Ledermann

unread,
Apr 19, 2013, 5:45:11 AM4/19/13
to ko...@googlegroups.com
http://mindmup.github.io/bootstrap-wysiwyg/

This tiny (5KB, < 200 lines) jQuery Bootstrap plugin turns any DIV
into a WYSIWYG rich-content editor, inspired by CLEditor and
bootstrap-wysihtml5. Here are the key features:

Automatically binds standard hotkeys for common operations on Mac and Windows
Drag and drop files to insert images, support image upload (also
taking photos on mobile devices)
Voice dictation input (only in Chrome)
Allows a custom built toolbar, no magic markup generators, enabling
the web site to use all the goodness of Bootstrap, Font Awesome and so
on...
Does not force any styling - it's all up to you
Uses standard browser features, no magic non-standard code, toolbar
and keyboard configurable to execute any supported browser command
Does not create a separate frame, backup text areas etc - instead
keeps it simple and runs everything inline in a DIV
(Optionally) cleans up trailing whitespace and empty divs and spans
Requires a modern browser (tested in Chrome 26, Firefox 19, Safari 6,
reported by users to work in IE10)
Supports mobile devices (tested on IOS 6 Ipad/Iphone and Android 4.1.1 Chrome)
> --
> You received this message because you are subscribed to the Google Groups "Kotti" group.
> To unsubscribe from this group and stop receiving emails from it, send an email to kotti+un...@googlegroups.com.
> For more options, visit https://groups.google.com/groups/opt_out.
>
>



--
Best Regards,

Christian Ledermann

Nairobi - Kenya
Mobile : +254 702978914

<*)))>{

If you save the living environment, the biodiversity that we have left,
you will also automatically save the physical environment, too. But If
you only save the physical environment, you will ultimately lose both.

1) Don’t drive species to extinction

2) Don’t destroy a habitat that species rely on.

3) Don’t change the climate in ways that will result in the above.

}<(((*>

Daniel Nouri

unread,
Apr 19, 2013, 6:30:05 AM4/19/13
to Kotti mailing list
Not the cleanest of solutions but might be good enough for you: clean
up the body on ObjectInsert and ObjectUpdate events.

Daniel

Nuno Teixeira

unread,
Apr 19, 2013, 12:11:04 PM4/19/13
to ko...@googlegroups.com
There is already kotti plugin that provides bootstrap-wysiwyg editor
support but it's still in alpha state but it works

For now it doesn't support integration with images upload. You will need
to do it by hand. Give it a try and some feedback:

https://pypi.python.org/pypi/kotti_wysihtml5

Nuno
Reply all
Reply to author
Forward
0 new messages