recommend a wysiwyg editor for a pyramid project?

[Chris Withers]

Hi All,

What's the editor choice to go for nowadays?

I'm ideally looking for one with good support for uploading images,
resizing them client or server side, and with good clean html generated
that I can style with my own css.

thanks for any help,

Chris

--
Simplistix - Content Management, Batch Processing & Python Consulting
- http://www.simplistix.co.uk

[Marten]

I would be astounded so see something like that. Unlike virtually static pages, images and stylesheets, that can be extended with some syntax-highlighted PHP code in Dreamweaver, pyramid allows to use arbitrary renderers (e.g. Mako or Jinja2), each having a different syntax. The folder with the templates which are rendererd by views is probably stored in a different place than static files like images snd stylesheets, so accessing the template files directly in a browser won't work until you startup your Pyramid container, because the URLs of included static files don't match. Also, to fill the templates with data and see how it renders tables etc. you have to program views.

I typically get templates from the webdesigner, then I replace e.g. table rows with loops in the according template language, put images and stylesheets somewhere in the static file folder and then I check if it looks like what the designer gave me when accessing the specific view in a browser like the users later would.

[Chris Withers]

On 07/11/2012 21:36, Marten wrote:
> I would be astounded so see something like that.

I'm afraid you have astoundingly the wrong end of the stick ;-)

Admittedly, I perhaps wasn't as clear as I should have been, but I'm
looking at things like TinyMCE and FCKEditor. (or even, showing my age,
Kupu)

I want to pick something that will let content authors put together
pages including styled headers, paragraphs, etc and image. I'd like them
to be able to upload the image through the editor and have the image
resized, if possible on the client side, if not, on the server.

Just wondering which paths people had been down with Pyramid and if
there are any recommendations...

cheers,

[Steve Piercy]

Here's one.
http://ckeditor.com/

And the file upload/manager plugin for it:
https://github.com/simogeo/Filemanager

If you use it, you must provide some kind of auth policy, and I
recommend you change the default path for UserFiles to reduce
the attacks by the Google dork technique. Support is here:
http://forum.filemanager.corefive.com/

--steve


On 11/7/12 at 9:18 PM, ch...@simplistix.co.uk (Chris Withers) pronounced:

--steve

[Chris Withers]

On 07/11/2012 23:20, Chris Withers wrote:
> On 07/11/2012 21:36, Marten wrote:
>> I would be astounded so see something like that.
>
> I'm afraid you have astoundingly the wrong end of the stick ;-)
>
> Admittedly, I perhaps wasn't as clear as I should have been, but I'm
> looking at things like TinyMCE and FCKEditor. (or even, showing my age,
> Kupu)
>
> I want to pick something that will let content authors put together
> pages including styled headers, paragraphs, etc and image. I'd like them
> to be able to upload the image through the editor and have the image
> resized, if possible on the client side, if not, on the server.
>
> Just wondering which paths people had been down with Pyramid and if
> there are any recommendations...

...and maybe something that already has proven integration with deform?

[andrew Sawyers]

Chris,

On Wed, 2012-11-07 at 23:28 +0000, Chris Withers wrote:
> On 07/11/2012 23:20, Chris Withers wrote:
> > On 07/11/2012 21:36, Marten wrote:
> >
> > Admittedly, I perhaps wasn't as clear as I should have been, but I'm
> > looking at things like TinyMCE and FCKEditor. (or even, showing my age,
> > Kupu)
> >

FWIW I liked my experience with TinyMCE - but can't say if it's been
integrated with deform....

> ...and maybe something that already has proven integration with deform?
>
> Chris
>
> --
> Simplistix - Content Management, Batch Processing & Python Consulting
> - http://www.simplistix.co.uk
>

Andrew

[Carlos de la Guardia]

Deform uses TinyMCE for the RichText widget.

Carlos de la Guardia

> --
> You received this message because you are subscribed to the Google Groups
> "pylons-discuss" group.
> To post to this group, send email to pylons-...@googlegroups.com.
> To unsubscribe from this group, send email to
> pylons-discus...@googlegroups.com.
> For more options, visit this group at
> http://groups.google.com/group/pylons-discuss?hl=en.
>

[Steve Piercy]

On 11/7/12 at 11:28 PM, ch...@simplistix.co.uk (Chris Withers) pronounced:

>On 07/11/2012 23:20, Chris Withers wrote:
>>Just wondering which paths people had been down with Pyramid and if
>>there are any recommendations...
>
>I want to pick something that will let content authors put together
>pages including styled headers, paragraphs, etc and image. I'd like them
>to be able to upload the image through the editor and have the image
>resized, if possible on the client side, if not, on the server.
>
>...and maybe something that already has proven integration with deform?

The Filemanager plugin for CKEditor (formerly the unfortunately
named FCKEditor) has a Python module, but I have no idea of its
integration with Pyramid or or deform. Perhaps its user group
may have more insight.

As far as image resizing on the client side, that is a
challenge. The last I checked, the only options required the
use of Flash or Java, both of which have many issues (security,
having clients that support Flash or Java, etc.). That said,
I've had reasonable success with JFileUpload and its plugins
across all platforms. Demo:
http://jfileupload.com/products/demo/applet_http_jimageupload.html

There's also this one, but client-side image resizing is
supported only on Mozilla Firefox and Google Chrome.
http://blueimp.github.com/jQuery-File-Upload/

--steve

--steve

[Malthe Borch]

On 7 November 2012 22:18, Chris Withers <ch...@simplistix.co.uk> wrote:
> What's the editor choice to go for nowadays?

http://aloha-editor.org/

If you're interested in inline-editing, http://createjs.org/ is a good pick.

\malthe

[Andreas Kaiser]

On 08.11.2012, at 01:04, Carlos de la Guardia <carlos.de...@gmail.com> wrote:

> Deform uses TinyMCE for the RichText widget.

kotti_tinymce adds a basic file / image upload plugin to TinyMCE /
deform's RichTextWidget. It also (indirectly) has basic (server side)
image resizing support. By itself it won't be useful outside of Kotti,
but maybe you can get some ideas from it.


Andreas

[Chris Withers]

Looks interesting, how does it handle images?

[Jonathan Vanasco]

When it comes to the the type of HTML editing you mentioned, I want to stress 2 things:

- As much as you can , don't allow consumer HTML

- I really suggest forcing everything into Markdown or similar in the backend, then generating into HTML as needed.  

For image handling... i tossed my solution on github/pypi a while back -- https://github.com/jvanasco/imagehelper

honestly, it needs a total rewrite and refactoring.  it's pretty messy/kludgy to try and do anything other than it's intended purpose ( like just resizing or uploading only a specific size).  but it does it's purpose well of resizing images and uploading them to s3.

[Chris Withers]

On 08/11/2012 18:32, Jonathan Vanasco wrote:
> When it comes to the the type of HTML editing you mentioned, I want to
> stress 2 things:
> - As much as you can , don't allow consumer HTML
> - I really suggest forcing everything into Markdown or similar in the
> backend, then generating into HTML as needed.

For public stuff, yes indeed. However, this is an interface for content
authors, who will mainly be me ;-)

[Laurent DAVERIO]

> - As much as you can , don't allow consumer HTML
> - I really suggest forcing everything into Markdown or similar in the
> backend, then generating into HTML as needed.

I humbly disagree. In many companies, you'll see people elaborate
rich-text content in MS Word, and then copy and paste it into a content
management system (I develop and maintain a couple of Zope/CMF/Plone
corporate intranet websites, and I see this happening all the time).

If you don't allow HTML and impose wiki-style formatting instead, many
non-technical people will complain about the change, and rightly so...

My 2 cents...

Laurent.

[Jonathan Vanasco]

You don't have to require wiki-style formatting.  If you give them something like the markdown editor on StackOverflow , they won't really care or notice.  Then you strip/re-encode on the backend to ensure it's okay.  If people care about not being able to do random new things, they'll complain... and then they'll live

The legacy systems at TheDailyBeast.com allowed for anything in them when I started there.  One of the top things we needed to do on a CMS migration was drop that, so we could control layouts and future designs.  When we merged with Newsweek , luckily they had just gone through that process -- and we could leverage an army of scripts, test suites, and their on-call contract agency to proofread and manually audit everything that passed the test suites.  The financial costs on this were very significant, and it was complete-fucking-misery for every developer working on this stuff.

In the past year I've consulted to 5 other major publishers on Operations / Revenue and Tech Platforms - every single one has been suffering from allowing HTML on the page, and has been investing heavily on trying to get HTML out.  Once it's in there, you get very constrained on future upgrades and design , and it breaks ad units like crazy.  You can't control as much with CSS, you have sections overflowing into others, and -- unless you were lucky enough to have some sort of HTML cleanup serverside, you almost always end up with some malformed HTML that can/will break the pages.  Even though it's content, you manage to accumulate a ton of technical debt allowing HTML in there.

[Alejandro Jatib]

For upload and resize image i use jQuery File Upload and works very well ( http://blueimp.github.com/jQuery-File-Upload/ )
For wysiwyg editor try ReactorJS ( http://imperavi.com/redactor/ ) is very easy, have many plugins and lightweight. I use this with wtforms and works like a champ!

Alejandro